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

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

rem布局的效果：屏幕越大，標(biāo)簽就越大，反之屏幕越小，標(biāo)簽就越小

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

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