移動端適配

標籤：rect   cli   scale   size   style   for   orm   after   func   

第一種：rem控制
(function() {
var html = document.documentElement;
var hWidth = html.getBoundingClientRect().width;
html.style.fontSize = hWidth / 15 + "px";
})();
第二種： css @media
@media (-webkit-min-device-pixel-ratio: 1.5),(min-device-pixel-ratio: 1.5)
.class
&::after
-webkit-transform: scaleY(0.7)
transform: scaleY(0.7)

@media (-webkit-min-device-pixel-ratio: 2),(min-device-pixel-ratio: 2)
.class
&::after
-webkit-transform: scaleY(0.5)
transform: scaleY(0.5)
注意：需要瞭解dpr: 裝置物理像素/裝置獨立像素；由此可以知道縮放比……

移動端適配