レムとJSで携帯電話の画面の適応を実現

REMユニットはじめに：相対ルート要素（HTML）は、長さの単位、1rem = 16pxにあります。

-sizeフォント：複数の値を計算します

適応原理：レムPX、フォントサイズ適応HTMLの動的変更で置換オリジナル。

例えば：

　　私たちは、テストのために単位にREMピクセル単位でCSSを置くことができます。HTMLルート要素のフォントサイズは、16で割ったような直接REMユニットを、置き換え、16pxにあるため

< divのクラス= "divSize" > 
    < P >文字大小</ P > 
</ DIV >

.divSize { 
  幅：20rem。/ * iPhone5の：320PX * /   
  高さ：10rem。
  背景：ピンク ;    
} 
.divSize P { 
  フォントサイズ：2rem。  
}

JSコントロール画面の適応で：

<SCRIPT>
     // の携帯電話の画面幅を取得 
    しましょうhtmlWidth document.documentElement.clientWidth = ||      document.body.clientWidth;
     // の取得ドムHTML要素を 
    聞かせてhtmlDom = document.getElementsByTagName（ 'HTML'）[0 ];
     // 素子のルートサイズが提供される 
    htmlDom.style.fontSize htmlWidth = / + 20 'PX'である
</ SCRIPT>

だから、私たちはさまざまな効果を達成するために、JSでフォントサイズをルート要素を設定することは、基本的な画面の経験をされています。