【求助】關於響應式設計螢幕解析度和螢幕尺寸的問題
《CSS設計指南》第3版快學完了,可在第八章CSS媒體查詢這邊遇到了問題:我連螢幕解析度和螢幕尺寸的區別都分不清楚!去百度查了,都說的模稜兩可,哪位大神能解釋下? 另外: 1.比如一個裝置的解析度寬度為1024px,那我寫個寬度為960的網頁,在上面會怎麼顯示?單純的拉伸縮小?還是按比例的? 2.iPhone5s的解析度是1136X640,到底哪個是寬?難道橫屏的時候是1136,豎屏就是640? 3.承上,要是我拿臺20多寸的電腦,它的解析度和iPhone5s一樣,如果我用max-width作媒體查詢,那同樣顯示一個小於解析度寬度的網頁,在iPhone上還是一樣的小小小,還得用手去放大,這算什麼響應式設計? 4.為什麼把電腦上瀏覽器視口減小到寬度小於max-midth,就能看到在小解析度裝置上的效果?電腦解析度沒變啊?
相關文章
- 關於螢幕程式設計(轉)程式設計
- iOS 各種螢幕尺寸iOS
- javascript獲取螢幕的尺寸JavaScript
- 觸控式螢幕響應速度效能分析
- javascript獲取視窗和螢幕解析度等尺寸程式碼JavaScript
- Apple裝置螢幕尺寸和方向APP
- Flutter之支援不同的螢幕尺寸和方向Flutter
- CentOS7.0怎麼設定螢幕解析度?CentOS7.0設定螢幕解析度教程CentOS
- 螢幕解析度修改SwitchResX
- android 螢幕 解析度Android
- Mac螢幕解析度怎麼設定Mac
- javascript獲取網頁和螢幕尺寸相關屬性JavaScript網頁
- 各個螢幕的logo尺寸要求Go
- Qt:Qt自適應高解析度螢幕QT
- 2017中國螢幕解析度統計
- WPF --- 觸控式螢幕下的兩個問題
- SwitchResX for Mac(螢幕解析度修改工具)Mac
- SwitchResX(Mac螢幕解析度修改工具)Mac
- SwitchResX for Mac 螢幕解析度修改工具Mac
- SwitchResX for Mac 螢幕解析度修改工具Mac
- 螢幕解析度修改工具SwitchResX MacMac
- Mac螢幕解析度修改工具:SwitchResXMac
- 螢幕解析度修改工具:SwitchResX for MacMac
- 常見裝置螢幕解析度
- 利用 xrandr 命令修改螢幕解析度
- 【工具類】PC端所有的螢幕的尺寸
- javascript如何獲取電腦螢幕的尺寸JavaScript
- android螢幕適配的問題Android
- WebRTC本地分享螢幕,錄製螢幕Web
- 如何將 MacBook 的外接螢幕設定為主螢幕的方法Mac
- 設定grub配置檔案中的螢幕解析度
- 蘋果iPhone螢幕朗讀怎麼關閉?iPhone設定螢幕朗讀方法蘋果iPhone
- 兩個版本iPhone 6區別僅在於螢幕尺寸iPhone
- SwitchResX for Mac(好用的螢幕解析度修改工具)Mac
- Mac螢幕解析度修改工具——SwitchResX for MacMac
- Windows 8如何調整螢幕解析度Windows
- abap screnn螢幕程式設計,對螢幕中的欄位追加多選search help程式設計
- 為任意螢幕尺寸構建 Android 介面Android