meta viewport 怎樣處理 移動端 1px 被 渲染成 2px 問題
阿新 • • 發佈：2018-11-28
首先我們看下viewport的結構：
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" /> // width 設定viewport寬度，為一個正整數，或字串‘device-width’ // device-width 裝置寬度 // height 設定viewport高度，一般設定了寬度，會自動解析出高度，可以不用設定 // initial-scale 預設縮放比例（初始縮放比例），為一個數字，可以帶小數 // minimum-scale 允許使用者最小縮放比例，為一個數字，可以帶小數 // maximum-scale 允許使用者最大縮放比例，為一個數字，可以帶小數 // user-scalable 是否允許手動縮放
延伸 提問
怎樣處理 移動端 1px 被 渲染成 2px 問題
1 區域性處理 meta標籤中的 viewport屬性 ，initial-scale 設定為 1 rem 按照設計稿標準走，外加利用transfrome 的scale(0.5) 縮小一倍即可； 2 全域性處理 meta標籤中的 viewport屬性 ，initial-scale 設定為 0.5 rem 按照設計稿標準走即可
更多內容請檢視原文地址：https://www.codelovers.cn/article/20180304105234.html