如何快速掌握移动端使用rem布局的最佳方法？

本文共计1087个文字，预计阅读时间需要5分钟。

1. 为什么要用rem+博客很久没写了，原因很简单。

2.最近接手了一个项目，要同时做PC端和移动端的页面，之前没接触过。

3.但最终给钱的可是大佬，所以还是硬着头皮上了。

4.移动端最头疼的是响应式设计。

1、为什么要用rem

博客很久没写了，原因很简单。

最近接手了一个项目，要同时做PC和移动端的页面，之前没接触过，但毕竟给钱的是大爷，所以还是硬着头皮上了。

移动端最麻烦的是什么？

不同分辨率适配！

具体来说，有的屏幕320px宽，有的屏幕640px宽，有的更宽，如果你写固定px，那么要么小的放不下，要么大的有大片空白。

怎么办？

如果元素固定占用屏幕空间（一般是指宽度而非高度，下同）的百分之xx就ok了。

比如320px的10%是32px，640px的10%是64px，

如果10个10%宽度的元素放在一起，那肯定就是100%，即挤满屏幕（宽度），不会超出，也不会留白。