1、內(nèi)容在一屏內(nèi)顯示的，采用了(內(nèi)容框)上下左右居中的辦法，里面的內(nèi)容絕對(duì)于這個(gè)內(nèi)容框定位.這樣一來(lái)，在不同大小屏中，內(nèi)容總是在中間，看起來(lái)較正常

在蘆淞等地區(qū)，都構(gòu)建了全面的區(qū)域性戰(zhàn)略布局，加強(qiáng)發(fā)展的系統(tǒng)性、市場(chǎng)前瞻性、產(chǎn)品創(chuàng)新能力，以專注、極致的服務(wù)理念，為客戶提供網(wǎng)站制作、成都網(wǎng)站建設(shè) 網(wǎng)站設(shè)計(jì)制作按需網(wǎng)站建設(shè),公司網(wǎng)站建設(shè),企業(yè)網(wǎng)站建設(shè),成都品牌網(wǎng)站建設(shè),營(yíng)銷型網(wǎng)站建設(shè),外貿(mào)營(yíng)銷網(wǎng)站建設(shè),蘆淞網(wǎng)站建設(shè)費(fèi)用合理。

2、長(zhǎng)，寬，LEFT，TOP，RIGHT，BOTTOM都采用了REM，并且HTML的FONT-SIZE設(shè)置的是100PX一是覺(jué)得計(jì)算方便，二是如果設(shè)為10PX，谷歌會(huì)不兼容.此時(shí)BODY的FONT-SIZE設(shè)置為正常值，12PX.不然的話，其它的DOM都會(huì)繼承HTML的100PX的FONT-SIZE，導(dǎo)致效果巨大。

3、當(dāng)瀏覽器窗口變化時(shí)，內(nèi)容的大小以及相對(duì)位置也會(huì)相應(yīng)變化，這個(gè)依靠JS修改HTML的FONT-SIZE值實(shí)現(xiàn).如下：

$(window).resize(function ()// 綁定到窗口的這個(gè)事件中
{
 var whdef = 100/1920;// 表示1920的設(shè)計(jì)圖,使用100PX的默認(rèn)值
 var wH = window.innerHeight;// 當(dāng)前窗口的高度
 var wW = window.innerWidth;// 當(dāng)前窗口的寬度
 var rem = wW * whdef;// 以默認(rèn)比例值乘以當(dāng)前窗口寬度,得到該寬度下的相應(yīng)FONT-SIZE值
 $('html').css('font-size', rem + "px");
});

如果調(diào)整窗口大小，會(huì)發(fā)現(xiàn)HTML的FONT-SIZE值在變化，同時(shí)，使用REM設(shè)置的DOM也在變化。REM正是參考HTML的FONT-SIZE值來(lái)計(jì)算的

4、如果是在手機(jī)上，平板電腦上，更要使用REM，由于手機(jī)上一般不會(huì)調(diào)整瀏覽器大小，所以可以在頁(yè)面載入時(shí)，設(shè)置一次即可

$(function(){

 var whdef = 50/750;// 表示750的設(shè)計(jì)圖,使用50PX的默認(rèn)值
 var wH = window.innerHeight;// 手機(jī)窗口的高度
 var wW = window.innerWidth;// 手機(jī)窗口的寬度
 var rem = wW * whdef;// 以默認(rèn)比例值乘以當(dāng)前窗口寬度,得到該寬度下的相應(yīng)FONT-SIZE值
 $('html').css('font-size', rem + "px");

})

以上這篇淺談pc端rem字體設(shè)置的問(wèn)題就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持創(chuàng)新互聯(lián)。