關於meta標籤的介紹meta viewport 標籤首先是由蘋果公司在其safari瀏覽器中引入的，目的就是解決移動裝置的viewport問題。後來安卓以及各大瀏覽器廠商也都紛紛效仿，引入對meta viewport的支援。
在蘋果的規範中，meta viewport 有6個屬性(暫且把content中的那些東西稱為乙個個屬性和值)，如下：
width 設定layout viewport 的寬度，為乙個正整數，或字串"device-width"
height 設定layout viewport 的高度，這個屬性對我們並不重要，很少使用
initial-scale 設定頁面的初始縮放值，為乙個數字，可以帶小數
minimum-scale 允許使用者的最小縮放值，為乙個數字，可以帶小數
maximum-scale 允許使用者的最大縮放值，為乙個數字，可以帶小數
user-scalable 是否允許使用者進行縮放，值為"no"或"yes", no 代表不允許，yes代表允許
這些屬性可以同時使用，也可以單獨使用或混合使用，多個屬性同時使用時用逗號隔開就行了。
此外，在安卓中還支援 target-densitydpi 這個私有屬性，它表示目標裝置的密度等級，作用是決定css中的1px代表多少物理畫素
target-densitydpi 值可以為乙個數值或 high-dpi 、 medium-dpi、 low-dpi、 device-dpi 這幾個字串中的乙個
特別說明的是，當 target-densitydpi=device-dpi 時， css中的1px會等於物理畫素中的1px。
因為這個屬性只有安卓支援，並且安卓已經決定要廢棄target-densitydpi 這個屬性了，所以這個屬性我們要避免進行使用 。
移動端h5自適應rem適配
雖然在網上也找到很多關於這個rem的自適應，但是還是要找合適自己的專案的，我這次也是找了乙個不太合適的，後來找了這個，所以我給大家分享一下，一般設計稿都是750 750的直接可以複製過去可以用 不過還得注意你們設計給的設計稿的寬高，專案中用的話寬高直接 10px就行，輕鬆加愉快的用起來哈 直接上 哈...
H5移動端 移動端布局及適配（rem）
首先清除一下預設樣式，這個基本上所有寫h5的都通用 a,input,button input,button body body body h1 a ul img html,body現在我們看看如何使用rem解決適配問題 rem vs em rem的r代表root rem 是相對根節點的字型大小進行計...
h5移動端適配
原理 postcss function 視覺稿的1 10 在index.html中指定 font size為document寬度的1 10 iphonex 的解析度 2436 1125 pt 812 375 dpr 3 iphonexr的解析度 1792 828 pt 896 414 dpr 3 i...