已解決430363個問題，去搜搜看，總會有你想問的

移動端rem布局和 meta標簽 content="width=750"里面用px布局的區別？

首頁猿問移動端rem布局和 meta標簽...

移動端rem布局和 meta標簽 content="width=750"里面用px布局的區別？

JavaScript

婷婷同學_ 2018-10-03 10:17:39

meta 標簽里面 content="width=750" 里面用 px 布局也可以自動縮放，rem 布局也可以，兩者有什么區別？怎么可以看到效果，淘寶用 rem 肯定是有原因的。今天被要求 content 寫成 750 里面用 px 直接寫，這樣會出現什么問題？

查看完整描述

1 回答

哆啦的時光機

TA貢獻1779條經驗獲得超6個贊

rem是相對于html的字體的大小的，如果html的fontSize:10px，那么1rem就等于10px；所以說整個頁面都用rem布局，如果當屏幕大了，你只需要改html的fontSize是多少，整個頁面就可以跟著放大或者縮小了。一般寫移動端頁面都會根據寬度來設置html的fontSize的大小。用一個閉包函數就可以解決自適應移動端頁面的寫法。

<script type="text/javascript">
      (function (win,doc) {        function setSize() {
          doc.documentElement.style.fontSize=20*document.documentElement.clientWidth/375+'px';
        }
        setSize();
        win.addEventListener('resize',setSize,false)
      })(window,document)  </script>

把這個放在頁面head中就可以了

反對回復 2018-11-07

1 回答
0 關注
864 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

移動端rem布局 和 meta標簽 content="width=750"里面用px布局的區別？

移動端rem布局 和 meta標簽 content="width=750"里面用px布局的區別？

1 回答

添加回答

移動端rem布局和 meta標簽 content="width=750"里面用px布局的區別？

移動端rem布局和 meta標簽 content="width=750"里面用px布局的區別？