1.meta:vp阻止縮放
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
2.js獲取頁(yè)面寬度，書寫meta
<head>
<script>
var width = document.documentElement.clientWidth //頁(yè)面寬度
var css = 'html{font-size: ${width/10}px; //10 縮小比例 10rem = 頁(yè)面寬度 縮放后大于12px
document.writs('<style>${css}</style>')
</script>
</head>
3.body的font-size不能小于12px //chrome瀏覽器默認(rèn)最小font-size
4.物理像素為1px的border
- 獲取設(shè)備像素比//window.devicePixelRatio(DPR 獲取設(shè)備像素比)
- initial scale = 1/像素比
- 讓rem變成 rem*像素比
- border:1px solid
