移动端局部

设置viewport

介绍其6个属性:

1、inital-scale [ɪˈnɪʃəl]-[skel] 初始比例:页面初始的缩放值

2、minimum-scale 允许用户的最小缩放值

3、maximum允许用户最大的缩放值

4、user-scalable 是否允许用户进行缩放 no/yes

5、width :viewport宽度

6、height:viewport高度 并用不到~

之后我又去浏览了一些关于移动端字体与距离适配问题

建议:字体设置用em,距离设置用rem

em :[根据父元素]

先设置html{font-size=62.5%}=》10/16,这样em继承的就是继承父级元素的字体大小,这样的话,1em=10px,12px=12.em

注意:ie在处理汉字时,对于浮点的取值精确度有限。在body下62.5%出来的12px字体比直接定义的要大一点,只要将62.5%转成63%

rem:[根据根元素html]

你可能感兴趣的:(移动端局部)