レム式

図量REM式：

デバイスサイズ/設計寸法：比率を取得 

例えば：0.5の比を得るために計算装置幅寸法375px、750px設計寸法、画素の幅が設計量は100pxにあり得るため、この要素上のデバイスの375px実際の幅は100×0.5 = 50ピクセルです。

したがって：

次のように、一般的に100倍、つまりは50pxで算出された計算の便宜のために、デフォルト値HTMLフォントサイズ0.5pxを設定します。

@media画面と（最小幅：375px）{ 
    HTML { 
        フォント - サイズ：は50px。
    } 
}

以下のように、この時点で1rem =は50px、0.5remの幅にデバイス375上に配置されたCSSを書き込むとき（UI設計に変換し、実際のデバイスは50pxの幅に等しい.5rem、すなわち100ピクセル）

img.test_img { 
    幅：.5rem   
}