我的rem適配方案

1. 簡單入門的rem適配方案,純CSS實(shí)現(xiàn)


html{

font-size:20px;

}

@mediaonlyscreenand(min-width:401px) {

html{

font-size:21.33333333px!important;

}

}

@mediaonlyscreenand(min-width:414px) {

html{

font-size:22.08px!important;

}

}

@mediaonlyscreenand(min-width:480px) {

html{

font-size:25.6px!important;

}

}

body{

font-size:16px;

}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1、垂直對(duì)齊 如果你用CSS,則你會(huì)有困惑:我該怎么垂直對(duì)齊容器中的元素?現(xiàn)在,利用CSS3的Transform,...
    kiddings閱讀 3,297評(píng)論 0 11
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,150評(píng)論 1 92
  • 了解真實(shí)的『REM』手機(jī)屏幕適配rem 作為一個(gè)低調(diào)的長度單位,由于手機(jī)端網(wǎng)頁的興起,在屏幕適配中得到重用。 使用...
    張憲宇閱讀 2,323評(píng)論 0 5
  • 深入理解傅里葉變換Mar 12, 2017 這原本是我在知乎上對(duì)傅立葉變換、拉普拉斯變換、Z變換的聯(lián)系?為什么要進(jìn)...
    價(jià)值趨勢(shì)技術(shù)派閱讀 5,938評(píng)論 2 2
  • 整理/館長小跟班 六堡茶,歷史名茶,因產(chǎn)于廣西梧州蒼梧縣六堡鎮(zhèn)而得名,主銷兩廣、港澳、和東南亞地區(qū),因此別...
    館長小跟班閱讀 439評(píng)論 0 3

友情鏈接更多精彩內(nèi)容