用建站ABC做的网站 怎么营销最强大的搜索引擎
px像素
是相对屏幕的分辨率来的。. IE无法调整那些使用px作为单位的字体大小。所以无法实现自适应。
em字体高
任意浏览器的字体高都是16px,所以未经调整的浏览器都符合: 1em=16px。
所以你想使用em就可以在body里面设置font-size:62.5%.然后下面的字体就直接是原来的px除以10,12px=1.2em, 10px=1em
em有如下特点:
1. em的值并不是固定的;
2. em会继承父级元素的字体大小。
比如你设置了body{font-size:62.5%},然后在div里面设置
font-size:1.2em,也就是12px。如果这个div里面有个p也是12px的大小,如果这时你设置他的font-size:1.2px这样就会出错,他的字体就会大很多,那是因为他收到父元素div的影响,此时你设的1.2em是1.2*12px=14.4px.所以在这里你要把p{font-size:1em;}
rem相对于HTML根元素的一个相对单位。
除了IE8及更早版本外,所有浏览器均已支持rem
为了避免一些浏览器不支持,可以这样设置
p {font-size:14px; font-size:.875rem;}就是多写一个绝对单位的声明。这些浏览器会忽略用rem设定的字体大小。
注意:
选择使用什么字体单位主要由你的项目来决定,如果你的用户群都使用最新版的浏览器,那推荐使用rem,如果要考虑兼容性,那就使用px,或者两者同时使用