关于rem和百分比的疑惑

我理解的,适配不同屏幕的手机,用百分比和rem都可以做到。
比如说: 设计稿为7201280,其中一个元素为:360360;
那么按照百分比或者rem的形式,都可以做到适配。

所以搞不懂,这两个什么时候用rem,什么时候用百分比?两者的区别,应用场景都是什么呢?

求大神讲解。

阅读 5.9k
2 个回答

rem 基本只用于移动端布局,然后等比例缩放。最明显的缺点是不能响应式布局

百分比 实现了响应式布局,但是有一个很明显的区别就是无法做到定高,用百分比定高bug很明显,而用px定高后不同分辨率的手机显示效果不一样。

此外,百分比不适用于字体,但是用rem可以

百分比 需要定高和定宽 i think。