移动端

在js中那个750是效果图的宽度,100是px 这里我们用100px像素转换成rem比较方便。在做移动端的时候一般用flex盒子,这个比较方便。

<script>           

     window.onload = function(){

var html = document.querySelector(“html”);

    html.style.fontSize = html.offsetWidth / 750 * 100 + “px”;

     addEventListener(“resize”,function(){

              html.style.fontSize = html.offsetWidth / 750 * 100 + “px”;

     },false);

}

</script>

<meta name=”viewport” content=”width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no”>

<meta name=”format-detection” content=”telephone=no” />

<meta name=”format-detection” content=”email=no” />

<meta name=”apple-mobile-web-app-capable” content=”yes” />

<meta name=”apple-mobile-web-app-status-bar-style” content=”black” />

 

版权声明:本文为匿名原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接: