时间:2021-04-16
在网页设计中我们经常看见body{font-size: 62.5%;}这样的设置,为什么偏偏是62.5%呢?下面给大家揭晓这个答案,一起了解了解吧。
在网页设计中我们经常看见body{font-size: 62.5%;}这样的设置,为什么偏偏是62.5%呢?这主要是为了方便em与px相互转换,em的初始值为1em=16px,显然这样的话,如1.2em则=19.2px,可是我们在设置的时候很少看见19.2px这样表示的大小,也就是在用px表示大小时数值是不带小数位的。当设置了body{font-size: 62.5%;}时,1em则=16px*62.5%=10px,1.2em则=12px,这是不是就简单多了,准确多了呢。
CSS Code
Set body font-size to 62.5% for Easier em Conversion
If you would like to use relative units (em) for your font sizes, declaring 62.5% for the font-size property of the body will make it easier to convert px to em. By doing it this way, converting to em is a matter of dividing the px value by 10 (e.g. 24px = 2.4em).
code:
body {
font-size: 62.5%;
}
p {
font-size: 1.2em;
}
以上所述是给大家介绍的CSS: body{font-size: 62.5%;}这种写法的原因分析,希望对大家有所帮助!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
效果图如下:示例代码:newdocument//css部分html{font-size:62.5%;}img{width:300px;height:300px;
testbody{margin:0;padding:0;font-size:62.5%;font-family:Verdana,Arial,sans-serif
复制代码代码如下:body{font:verdena;font-size:14px;color:#000}h1{font:verdena;font-size:2
复制代码代码如下:接收推送消息html{font-size:62.5%;}
/*脚本和web页共用同一个文件测试body{font-size:1px;color:#fff;}#body{font-size:12px;color:#000