本文介紹了html5響應式開發自動計算fontSize的方法,分享給大家,具體如下:
var winWidth = window.innerWidth; var winHeight = window.innerHeight; //獲得屏幕的寬度 rem=屏幕寬度/7.5+"px"var perRemPx = document.getElementsByTagName("html")/[0/].clientWidth / 7.5; //動態計算window.addEventListener("resize", function () { //獲得屏幕的寬度 rem=屏幕寬度/7.5+"px" perRemPx = document.getElementsByTagName("html")/[0/].clientWidth / 7.5; //將得到的rem值復制給根元素的font-size document.getElementsByTagName("html")/[0/].style.fontSize /= perRemPx + "px"; }); // 將得到的rem值復制給根元素的font-sizedocument.getElementsByTagName("html")/[0/].style.fontSize /= perRemPx + "px";
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持武林網。
新聞熱點
疑難解答