移動端使用rem方法
阿新 • • 發佈:2018-10-10
body add 目錄 asc func list 其他 html con
1 在可以設置網頁標題欄的頁面寫一個匹配手機的方法
<script> function resetWidth() { // 兼容ie瀏覽器 document.body.clientWidth var baseWidth = document.documentElement.clientWidth || document.body.clientWidth; console.log(baseWidth); // 默認的設置是375px(ip6)的根元素設為100px, 其他的手機都相對這個進行調整 document.documentElement.style.fontSize = baseWidth / 375 * 100 + ‘px‘ } resetWidth(); window.addEventListener(‘resize‘, function () { resetWidth(); }) </script>
然後在html根目錄設置默認大小
移動端使用rem方法