这两天在公司做手机端H5页面,第一次开发没什么经验,对rem, pt, ppi, dpr这些概念完全不懂,看了很多博客,现总结如下。

对于不同像素宽度的手机,如何做到每一个元素自动缩放?

rem: font size of the root element

rem作为一个单位,单位大小由它第一代老祖宗的font-size的大小决定,也就是html标签的font-size。例如我们设置html的font-size为10px,那么1.2rem就是12px,我们在所有需要用到px的地方全都使用rem来代替,这样我们只需要改变html的font-size就可以动态地改变内部所有元素的尺寸了。

Read more »
0%