動態獲取移動端視寬,從而結合rem達到適配
阿新 • • 發佈:2018-09-08
html font fontsize rem element bsp -s body attr
// jq !function(){ var windowWidth= $(window).width(); if(windowWidth > 750) { windowWidth = 750; } var fontSize = windowWidth / 750 * 50;//50是html根元素font-size值 $("html").attr("style", "font-size:" + fontSize + "px"); $(window).resize(function() { windowWidth = $(window).width(); if(windowWidth > 750) { windowWidth = 750; } fontSize = windowWidth / 750 * 50; $("html").attr("style", "font-size:" + fontSize + "px"); }); }();//js !function(){ var windowWidth = document.documentElement.clientWidth || document.body.clientWidth; if(windowWidth > 750) { windowWidth = 750; } var fontSize = windowWidth / 750 * 50; //50是html根元素font-size值 document.getElementsByTagName(‘html‘)[0].style.fontSize = fontSize + "px"; window.onresize= function(){ var windowWidth = document.documentElement.clientWidth || document.body.clientWidth; if(windowWidth > 750) { windowWidth = 750; } fontSize = windowWidth / 750 * 50; document.getElementsByTagName(‘html‘)[0].style.fontSize = fontSize + "px"; } }();
動態獲取移動端視寬,從而結合rem達到適配