之前做沙漠教育的時候，直接以設計圖為準，然后強暴式，縮放處理。簡單。直接，粗暴！但是，開發(fā)快。……一勞永逸！

成都創(chuàng)新互聯(lián)成都企業(yè)網(wǎng)站建設服務，提供成都網(wǎng)站建設、成都網(wǎng)站設計網(wǎng)站開發(fā),網(wǎng)站定制,建網(wǎng)站,網(wǎng)站搭建,網(wǎng)站設計,自適應網(wǎng)站建設,網(wǎng)頁設計師打造企業(yè)風格網(wǎng)站,提供周到的售前咨詢和貼心的售后服務。歡迎咨詢做網(wǎng)站需要多少錢:028-86922220

但那是，現(xiàn)在開發(fā)，作為業(yè)界良心：是不能那么做的?。莻€是被逼的啊

首先看代碼：

@media screen and (max-width:362px)and(min-width: 330px){

    html{font-size: 60%;}
    //.top-banner{
    //    font-size: 15px
    //}
    //.btn-download{
    //    margin-left: 5%;
    //}
}

@media screen and (max-width:330px){
    html{font-size: 53.333331%;}
    //.top-banner{
    //    font-size: 14px
    //}
    //.btn-download{
    //    margin-left: 4%;
    //}
}

因為我的設計圖是750，iphone6設計的！

至于是怎么得出來的數(shù)字呢？

我們走到。瀏覽器默認字體是16像素。1/16=62.5

360/375*62.5%=60%

就黑之前，做響應式圖片、padding-top，是一個道理哈??！

這樣，媽媽，就再也不用去寫，每個class的字體拉！

當然，這個是要團隊合作的

遇到豬一樣的交互，貓一樣的設計……

你只有死的份！

所有，堅決認為??！

寧為牛后，不為雞頭！

這個文章寫在很久以前，還是搬出來與大家共享，轉載請注明出處周陸軍的個人網(wǎng)站

：web app響應式字體設置！rem之我見

另外有需要云服務器可以了解下創(chuàng)新互聯(lián)scvps.cn，海內外云服務器15元起步，三天無理由+7*72小時售后在線，公司持有idc許可證，提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案，具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢，專為企業(yè)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

網(wǎng)站標題：webapp響應式字體設置！rem之我見-創(chuàng)新互聯(lián)
網(wǎng)頁URL：http://weahome.cn/article/djodcd.html