レムレイアウト

何1.remレイアウト？

ルート要素のフォントサイズ。

remこれは、ルート要素に相対的である<html>のfont-sizeに計算します

REM単位ではなく、固定サイズで、全体の幾何学的なズーム制御要素を使用します。このような柔軟性によって、開発中に、それはより迅速かつ柔軟ブラウザのユーザーは、可能な限り最高の経験を達成するために、ブラウザのサイズを調整できるように調整することができます。

デフォルトのブラウザがfont-sizeされ16、計算の便宜のために、しばしばう<html>要素の提供font-size価値を62.5%、

対応して<html>設定font-sizeの10px。

この時点で、REMとのユニットとして、1rem = 10pxの。

簡単な例を説明するために、

実際には、マージンが10pxのある100pxに幅10rem、30px実際にユニットサイズ3remレムブラウザを使用して見ることができます。

私が入れた場合、デフォルトのブラウザのフォントサイズは72pxに設定します。

幅フォントスケーリング、1rem = 72 * 62.5％= 45pxすべてのマージンのように、見ることができます。

しかし、ブラウザのデフォルトフォントサイズは `9px`の最小値に調整され、フォントサイズが1rem時間に設定され、期待される結果を取得できませんでした

不正確な最小サイズのクロム、クロムリードはEM / REM計算上の限界があるため。

また、REM PXと面倒間の変換は、JS以下カスタム関数px2remを（処理するために使用することができるので）

動的にHTMLフォントサイズの設定JSで使用REMのレイアウトは、ジッタページを引き起こす可能性があります。

これは、JSを使用せずに、比較的新しいVWのレイアウトとみなすことができます。

ウィンドウ幅の1％に等しい1vw窓幅に関連VW、100vwは窓の幅の100％に等しいです。

それは、テキストやレイアウト側面であるかどうか、ピッチは、ウィンドウのサイズが変更されたVW CSSユニット、全体の意志チェンジように使用しました。

ウィンドウは、最小幅の最小限度の損失が大きすぎるか小さすぎる場合でも、この問題が発生することもあります。

因此提出VM和REM结合的布局，在VM的基础上设置两点：

参考链接：