2023-01-09 12:15:19 发布人:hao333 阅读( 6824)
现在国内绝大多数的站点都用CSS把字体大小设定为12px,像素虽然也是相对尺寸单位,但只是相对于屏幕的分辨率,当屏幕的分辨率一定时,如果你感到字太小,阅读有困难,在非标准浏览器中就无能为力了,所以说,如果把单位改成em,那么就可以用CTRL鼠标滚动把字放大
目前国内大部分网站使用CSS将字体大小设置为12px。虽然像素也是相对大小单位,但只是相对于屏幕的分辨率。在屏幕分辨率固定的情况下,如果你觉得字太小,阅读有困难,在非标准的浏览器中你也无能为力。所以,如果把单位改成em,可以用CTRL鼠标滚动放大字,或者查看菜单上的字号来改变字号。
如何设置
1.在body标签中将字体大小设置为62.5%。如果正文中没有CSS设置,那么浏览器默认大小为16px,设置62.5%,那么字体大小=16px*62.5%=10px。这时候用em就可以轻松设置大小了。比如需要用12px,设置1.2em就好了
以下是一段引文片段:
正文{
字体大小:62.5%;
}
h1{
fong-size:1.4 em;/*h1字的大小相当于14px*/
}
2.如果2.body中的字体大小设置为75%,则字体大小=16px*75%=12px,1em相当于12px。
以下是一段引文片段:
正文{
字体大小:75%;
}
h1{
fong-size:1.5 em;/*h1字的大小相当于18px*/
}
第一种方法比较好。
如果是英文网站,也可以设置成小或者x-small。
当然,这样的话,对页面的设计要求会更高。
相关阅读
RelatedReading猜你喜欢
Guessyoulike