前端(移动端)
移动端
在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” />