有什么优点?各自的缺点? em
,px
,%
和pt
?
我目前的选择是百分比,唯一的原因是因为我可以通过修改根元素(正文)上的字体大小来全局更改所有元素的字体大小
答案 0 :(得分:6)
我会推荐EM - 因为我使用Baseline CSS来完成基本的表单设置,布局和最重要的类型。
不能推荐它:http://baselinecss.com/
答案 1 :(得分:4)
我原来的设计培训尽可能说明了。
我认为主要原因是不同的浏览器和设备具有不同的分辨率,这再次成为一个大问题。
我认为使用em和%的情况通常更好,因为它们是一个抽象层,特别是与像素相比时。两者在某些方面类似于“100%”=“1em”。 像素单元的另一个问题是它对于视障用户来说不会向上扩展 今天,对于移动设备,平板电脑等,考虑到每个设备的特定样式表/规则通常会更好。
另外,对于打印问题,em运行良好。
我已经看到em单元在网络上被称为字体大小的标准,但百分比单位通常提供更一致和可访问的显示。更改用户设置后,文本百分比可以很好地保持可读性,可访问性和可视化设计。
答案 2 :(得分:4)
以下是我最喜欢的一篇关于使用AListApart的css正确调整文本大小的文章的链接:
http://www.alistapart.com/articles/howtosizetextincss
从语义上讲,em
是首选,但我总是发现它有问题,因为它会影响每个子元素。如果你的设计包含4或5个div,每个都是.75 em,那么当你到达最后一个孩子div时,你的文本几乎是不可读的。
我的偏好是pt,因为它适用于各种操作系统(允许系统自己决定什么是pt)而不是使用px,它可以根据分辨率真正地扼杀网站的可读性。 Em被认为是css的“标准”,但它与其他问题一样多,但它确实具有全局级联的优势。
答案 3 :(得分:3)
我总是使用ems。使用%有点相同,但在填充或边距语句中使用它们时它们意味着其他内容(填充:1em 0;与填充不同:100%0;)。所以只使用ems我的意思相对于当前的字体大小,并避免任何混淆。
添加好处或使用ems是可以的,例如使用媒体查询和body{font-size: 120%}
为移动用户提供稍大的字体大小。
答案 4 :(得分:0)
好问题!
我正在使用像素,因为我喜欢所有内容。
但请查看这篇文章:
http://kyleschaeffer.com/best-practices/css-font-size-em-vs-px-vs-pt-vs/
可以帮助您做出选择。 我认为这一切都非常个人化。或者它取决于你在做什么我认为