rem布局
Posted srh151219
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了rem布局相关的知识，希望对你有一定的参考价值。
1..移动端布局 dpr 设备像素比 dpr = 物理像素 / 逻辑像素 物理像素：设计图的宽或者高 逻辑像素：开发者代码中写的宽，高 设计图：750px /640px dpr=2 2.rem是相对于根元素的字体大小的单位，能等比例适配所有的屏幕，根据html的字体的大小来控制rem的大小 如果设计图为 640px 根元素font-size=31.25vw 相当于100px,相当于 1rem 如果设计图为750px 根元素font-size=26.67vw 相当于100px,相当于 1rem 一般，我们要在公共样式中根据设计图的大小，设置根元素字体的大小，单位为vm， 如果设计图为640px,html{font-size:31.25vw} 如果设计图为750px，html{font-size:26.67vw} 然后，我们量取得px/2/100即：物理像素/2/100
以上是关于rem布局的主要内容，如果未能解决你的问题，请参考以下文章