螢幕尺寸是指螢幕對角線的長度，單位為英吋，1英吋=2.54厘公尺
常見移動端裝置螢幕尺寸：
iphone4 3.5英吋
iphone6,7,8 4.7英吋
iphone6,7,8(plus) 5.5英吋
iphone5 4英吋
螢幕解析度是指橫縱方向上的畫素點數，單位為px，1px=1畫素點
常見移動端裝置螢幕解析度：
iphone6,7,8 1334*750
iphone6,7,8(plus) 1920*1080
iphone5 1136*640
iphone4 960*640
ppi是指螢幕畫素密度，即每英吋可以顯示的畫素點的數量（pixels per inch）
name
="viewport"
content
="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
>
特點：使用rem為主要單位進行頁面布局，很好的實現了在不同裝置上頁面等比例縮放
特點：將多種單位（px,rem,vw等）,多種布局方式（flex布局，聖杯布局）融合在一起實現移動端的螢幕適配的方案
畫素，相對於螢幕解析度而言
相對於父元素字型大小的單位(他會根據父元素 進行放大縮小)
預設情況下： 1em=16px=100%=12pt=medium
注：pt是乙個槓 或者 乙個點。
相對於根元素(body)字型大小的單位
注：我們在移動端一般採用rem布局，因為根元素字型大小固定，而父元素字型大小不固定，經常發生變化，容易造成逐層的連鎖反應
vw是指viewport width的縮寫，視窗寬度
1vw = 視窗寬度的1% = 實際裝置寬度的百分之一
擴充套件： vh 視窗高度
vmin vw和vh中較小值
vmax vw和vh中較大值
640的設計稿，html
}}/*2、exclude中存放的元素必須是正規表示式
注：如果值為regexp（正則），將忽略匹配檔案（即這個檔案不去轉換）。
3、按照排序檔案寫對應的正則
4、正則的規則：
1）^abc : 表示匹配的內容必須以什麼開頭（以abc開頭）
2）abc$ ：表示匹配的內容必須以什麼結尾（以abc結尾）
*/3、這下寫樣式的時候，就可以用px了。
web移動端布局
對移動端適配不熟悉的同學，可以看看 使用flexible實現手淘h5頁面的終端適配 再聊移動端頁面的適配 如何在vue專案中使用vw實現移動端適配 vw 是什麼？vw viewport s width 簡寫，1vw 等於 window.innerwidth 的 1 vh viewport s hei...
移動Web端 流式布局
2 作為開發者無需關注這些解析度，因為我們常用的尺寸單位是 px 3 移動端除錯方法 1 chrome devtools 谷歌瀏覽器 的模擬手機除錯 2 搭建本地web伺服器，手機和伺服器乙個區域網內，通過手機訪問伺服器 3 使用外網伺服器，直接ip或網域名稱訪問 二 視口 視口 viewport ...
移動Web開發 移動端常見布局 flex布局
flex 是 flexible box 的縮寫，意為 彈性布局 用來為盒狀模型提供最大的靈活性，任何乙個容器都可以指定為 flex 布局。當我們為父盒子設為 flex 布局以後，子元素的 float clear 和 vertical align 屬性將失效。伸縮布局 彈性布局 伸縮盒布局 彈性盒布局...