深圳网站建设谈关于网页字体大小的问题

/ 2021-01-18 / 深圳网站建设 / 技术分享

绝对大小:mm, cm, in, pt, pc

相对大小:em, ex

相对于设备:px

可能要多说几句的是 em 和 ex,em 在 css 里代表就是字体字号的大小,例如对于12 pt的字体来说, 1 em 就等于12 pt 范例: p { font-size: 10pt; text-indent: 1em }

也许你会说我可以用text-indent: 10pt来实现同样的效果啊,但那只是在理想的情形下,如果用户觉得他的浏览器设置字体大小为14pt更好的时候,你所设计的比例就失去了,所以相对尺寸对于网页的可伸缩性设计是非常有利的。

ex 和 em 类似,但不尽相同, 回到上面的图示,x-height 对于每一种字体来说是不同的,ex 是根据字体的 x-height 来定义字体的大小。