rem 只與 html 的 font-size 有關，比如html{font-size: 16px} body{font-size: 62.5%}，那么 1rem 還是 16px，與其他無關
在頭部引入下面這段 js ，會根據螢屏寬度自動設定 html 的 font-size，設計圖若是 750px 寬，則設計圖上 100px 在 css 中換算為 1rem
(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { var clientWidth = docEl.clientWidth; if (!clientWidth) return; docEl.style.fontSize = (clientWidth >= 750 ? 100 : clientWidth / 7.5) + 'px'; }; if (!doc.addEventListener) return; win.addEventListener(resizeEvt, recalc, false); doc.addEventListener('DOMContentLoaded', recalc, false); })(document, window);
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/14748.html
標籤：HTML5
上一篇：java.lang.IllegalStateException: getOutputStream() has already been called for this response