你为什么要“永远不要在px中使用带有文字内容的高度”？

Question

在演示文稿'Maintainable CSS' by Natalie Downe中，我看到了一条建议：

  

“害怕高度，网络上的眩晕是健康的。永远不要在px中使用高度来处理文本内部的任何内容”

为什么？

Answer 1

我猜这是由于两个原因：

1. Web文档应该是流畅的。如果你有一个固定的高度，你需要在以后添加或删除文本会发生什么？
2. 字体大小可由用户更改。关于为什么主持人特别挑出像素：px中的高度不会随着字体大小而缩放，而em中的高度至少会增加。

Answer 2

1. HTML元素的默认布局行为应该与其内容所需的一样高，这很好，因为这意味着人们可以根据需要添加尽可能多的内容。使用谷物。

2. 浏览器允许人们增加他们正在查看的网页的字体大小，这很好，因为这意味着他们可以实际阅读页面，而无需缩放和平移。这可能会导致使用更多行的文本数量甚至更少，因此比您预期的更多。

Answer 3

因为你永远不会知道会有多少文字。如果你在高度：200px之类的div上设置px的高度，你可以在以后添加额外的文本，这将溢出固定的高度div。或者用户可以更改文本大小，或者不同的字体具有不同的高度。只是内容可以比固定的heiht div增长更大的任何原因。

Answer 4

另一个小原因是不同的浏览器和操作系统以不同的方式呈现字体 （这会影响大小），这使得用户很难预测文本容器需要多大。