1、內容在一屏內顯示的，采用了(內容框)上下左右居中的辦法，里面的內容絕對于這個內容框定位.這樣一來，在不同大小屏中，內容總是在中間，看起來較正常
2、長，寬，LEFT，TOP，RIGHT，BOTTOM都采用了REM，并且HTML的FONT-SIZE設置的是100PX一是覺得計算方便，二是如果設為10PX，谷歌會不兼容.此時BODY的FONT-SIZE設置為正常值，12PX.不然的話，其它的DOM都會繼承HTML的100PX的FONT-SIZE，導致效果巨大。
3、當瀏覽器窗口變化時，內容的大小以及相對位置也會相應變化，這個依靠JS修改HTML的FONT-SIZE值實現.如下：
$(window).resize(function ()// 綁定到窗口的這個事件中{ var whdef = 100/1920;// 表示1920的設計圖,使用100PX的默認值 var wH = window.innerHeight;// 當前窗口的高度 var wW = window.innerWidth;// 當前窗口的寬度 var rem = wW * whdef;// 以默認比例值乘以當前窗口寬度,得到該寬度下的相應FONT-SIZE值 $('html').css('font-size', rem + "px");});如果調整窗口大小，會發現HTML的FONT-SIZE值在變化，同時，使用REM設置的DOM也在變化。REM正是參考HTML的FONT-SIZE值來計算的
4、如果是在手機上，平板電腦上，更要使用REM，由于手機上一般不會調整瀏覽器大小，所以可以在頁面載入時，設置一次即可
$(function(){ var whdef = 50/750;// 表示750的設計圖,使用50PX的默認值 var wH = window.innerHeight;// 手機窗口的高度 var wW = window.innerWidth;// 手機窗口的寬度 var rem = wW * whdef;// 以默認比例值乘以當前窗口寬度,得到該寬度下的相應FONT-SIZE值 $('html').css('font-size', rem + "px");})以上這篇淺談pc端rem字體設置的問題就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持武林網。
新聞熱點
疑難解答
