レムページ適応画面の解像度を実現

<HTML> 
    <BODY> 
        <DIV CLASS = "テスト"> </ div> 
    </ BODY> 
</ HTML>

デフォルト1rem = 16pxにすることによって、フォントサイズ:62.5%、1rem = 10pxの、以下の設定のフォントサイズのパーセンテージ画面解像度に応じて、アスペクト比は、異なる解像度でREMを使用するページサイズ、フォントをDIV一貫性を保証することができ同様に

/ * 画面解像度適応サイズ* / 
@media(最大幅:1921px) { 
    HTML { 
        フォントサイズ62.5%重要! ; / * 1 REM = 10pxの* / 
    } 
} 
@media(最大幅:1601px) { 
    HTML { 
        フォントサイズ52.08333333パーセント重要! ; 
    } 
} 
@media(最大幅:1367px) { 
    HTML { 
        フォントサイズ!44.46614583%重要 ; 
    } 
} 
@media(最大幅:1281px) { 
    HTML { 
        フォント-size!41.66666666パーセント重要 ; / ** /
    } 
} 
{.TEST
  幅:20%。
  高さ:5rem。
}

 

おすすめ

転載: www.cnblogs.com/wangshuaicxy/p/12657675.html