做移動端的時候因為移動端裝置大小不一的原因,使得頁面不宜固定尺寸
此時就是rem的用武之地了,
什麼是rem 、em 、px,請大家自行百度吧。
這裡我只放2段程式碼。
//根字型大小設定
var deviceWidth = document.documentElement.clientWidth;
document.getElementsByTagName("html")[0].style.fontSize = deviceWidth / 7.5 + 'px';
//改變視窗的時候重新計算大小
window.onresize = function () {
var deviceWidth = document.documentElement.clientWidth;
document.getElementsByTagName("html")[0].style.fontSize = deviceWidth / 7.5 + 'px';}
複製程式碼