网站建设之rem布局

现如今由于市面上的手机种类繁多，导致导致屏幕种类非常的混乱，比如常见的320px、360px、375px、384px、480px、640px等。但在开发中，一般只会提供单一的设计稿，所以就要求我们能够通过一张设计稿适配所有的屏幕，rem布局就能完美的解决这个问题。

rem的大小是根据html的font-size的值来确定的

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

rem布局的原理是通过媒体查询的方式动态改变font-size的大小，当屏幕变大使html的标签的font-size变大，当屏幕变小使html的标签的font-size变小即可。

rem布局的优点：rem布局适配所有的屏幕，并且可以在多个屏幕大小中完美还原设计图（等比例缩放）