【求助】關於響應式設計螢幕解析度和螢幕尺寸的問題

jeffacode發表於2013-12-15

《CSS設計指南》第3版快學完了,可在第八章CSS媒體查詢這邊遇到了問題:我連螢幕解析度和螢幕尺寸的區別都分不清楚!去百度查了,都說的模稜兩可,哪位大神能解釋下? 另外: 1.比如一個裝置的解析度寬度為1024px,那我寫個寬度為960的網頁,在上面會怎麼顯示?單純的拉伸縮小?還是按比例的? 2.iPhone5s的解析度是1136X640,到底哪個是寬?難道橫屏的時候是1136,豎屏就是640? 3.承上,要是我拿臺20多寸的電腦,它的解析度和iPhone5s一樣,如果我用max-width作媒體查詢,那同樣顯示一個小於解析度寬度的網頁,在iPhone上還是一樣的小小小,還得用手去放大,這算什麼響應式設計? 4.為什麼把電腦上瀏覽器視口減小到寬度小於max-midth,就能看到在小解析度裝置上的效果?電腦解析度沒變啊?

相關文章