1樓：
為什麼不使用chrome的F12呢，作為前端開發者F12不是應該最需要熟練掌握麼，F12下面不是有裝置模擬器可以模擬各種解析度的麼…
2樓：道哥
之前折騰過，螢幕尺寸和解析度在響應式設計中需要完全忽略
影響頁面的屬性是device-width，而iphone 3456，儘管解析度、螢幕大小各不相同，但豎屏時的device-width都是無一例外的320px，橫屏時iphone 4是480px，56理應大一些
3樓：郭家興
Chrome 上的外掛程式 Responsive Web Design Tester 絕對能幫到你
個人覺得絕對是前端好工具.
4樓：
可以用Chrome開發者工具模擬各種主流裝置，如圖：
區分螢幕尺寸用 Media Queries，用法如下：
/* 當瀏覽器的可視區域小於980px */@media screen and （max-width： 980px當瀏覽器的可視區域小於650px */
@media screen and （max-width： 650px）
響應式就是在改變螢幕寬度時動態調整樣式，沒有尺寸標準。
作為乙個ui（不負責前端）做響應式布局設計，要出幾套視覺設計稿（pc WAP等）如何給標註或說明文件？
菜花低調 首先要清楚為什麼需要響應式設計。現在越來越多的螢幕尺寸，不單單是 PC 手機 平板這簡單的劃分。為了給不同的螢幕更好的顯示效果，就需要響應式設計，而不是乙個設計，小的就縮放，大的就拉伸，這樣體驗不佳。實際上單單 PC，也是可以做響應式設計的，PC 本身就包含了很多螢幕解析度。現在常見的是1...
iview 怎麼實現響應式？
Aresn iView 支援 xs sm md lg 四個響應式尺寸。兩種用法 1.直接賦值，預設是響應式設定 span xs 2 sm 4 md 6 lg 8 Col i col xs 20 sm 16 md 12 lg 8 Col i col xs 2 sm 4 md 6 lg 8 Col i ...
除了Bootstrap，有沒有更好的響應式框架用來開發外包專案？
具體點。你是要套個管理後台？react用ant design，vue的用element ui，angular的，這倆都有對應的實現版本。你是要切個手機電腦都能看的企業官網？bootstrap就行，輪子超多。你要做乙個手機上用的東西？mint ui，ant desing mobile，vant，或者是...