移动端适配
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了移动端适配相关的知识，希望对你有一定的参考价值。
第一种：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: 设备物理像素/设备独立像素；由此可以知道缩放比……
以上是关于移动端适配的主要内容，如果未能解决你的问题，请参考以下文章