郑州创梦灵广告设计有限公司郑州创梦灵广告设计有限公司郑州创梦灵广告设计有限公司


注册 / 登录

网页中的字体大小该如何设置?

font-size 属性设置文本的大小,同时可以用px(像素)、em


设置字体大小像素

h1 {font-size:40px;}
h2 {font-size:30px;}
p {font-size:14px;}

这种设置是固定的,无法在不同的设备上显示合适大小的字号,只能按照固定的值来显示,所以在手持设备上就看上去不太美观


用em来设置字体大小

1em和当前字体大小相等。在浏览器中默认的文字大小是16px。

因此,1em的默认大小是16px。可以通过下面这个公式将像素转换为em:px/16=em

h1 {font-size:2.5em;} /* 40px/16=2.5em */
h2 {font-size:1.875em;} /* 30px/16=1.875em */
p {font-size:0.875em;} /* 14px/16=0.875em */


在所有浏览器的解决方案中,设置 <body>元素的默认字体大小的是百分比:

body {font-size:100%;}
h1 {font-size:2.5em;}
h2 {font-size:1.875em;}
p {font-size:0.875em;}

在所有浏览器中,可以显示相同的文本大小,并允许所有浏览器缩放文本的大小。

未经允许不得转载:郑州创梦灵广告设计有限公司 » 网页中的字体大小该如何设置?

赞 (26) 打赏

发表评论:

评论记录:

未查询到任何数据!

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏