如果要指定一个DIV宽度容纳5个字,用width: 5em而不要用百分比,百分比是相对于屏幕宽度,而em是字的宽度。
如果指定div的width:10%; height: 10%,并不代表这是一个正方形,因为width是相对于屏幕宽度,height是相对于屏幕高度;如果用em就可以基于一致的尺寸。
一般来说,对于body,1em=16px。
<body><div style=“font-size: 2em”><div sytle=“font-size:2em”>这里相当于4em,64px</div></div></body>
不要认为%可以解决一切的事情。字体的尺寸和屏幕尺寸无关,字体即使用%,也是基于16px的倍数。
对于字体尺寸200%即2em。
评论