現(xiàn)如今由于市面上的手機種類繁多，導致導致屏幕種類非常的混亂，比如常見的320px、360px、375px、384px、480px、640px等。但在開發(fā)中，一般只會提供單一的設計稿，所以就要求我們能夠通過一張設計稿適配所有的屏幕，rem布局就能完美的解決這個問題。

rem的大小是根據(jù)html的font-size的值來確定的

rem布局的效果：屏幕越大，標簽就越大，反之屏幕越小，標簽就越小

rem布局的原理是通過媒體查詢的方式動態(tài)改變font-size的大小，當屏幕變大使html的標簽的font-size變大，當屏幕變小使html的標簽的font-size變小即可。

rem布局的優(yōu)點：rem布局適配所有的屏幕，并且可以在多個屏幕大小中完美還原設計圖（等比例縮放）