html - 使用百分比作为 HTML 页面的尺寸标准有哪些优点和缺点

Question

到目前为止，我一直在为我的 HTML 元素使用像素定义的宽度和高度尺寸。除非您面对更大的屏幕，否则这效果很好。 使用百分比作为标准有什么优点和缺点？

PS另外你如何处理字体的大小？

Answer 1

关于这个主题的好文章。 Fixed Vs Fluid Vs Elastic layouts

Answer 2

优点

1. 这是达到相同高度的最简单方法。
2. 它避免使用 float 或 position:absolute 用于它们不打算用于的目的。
3. 它为初学者提供了一种简单的方法，可以在 CSS 中生成并排布局，而不会用非语义标签污染他们的 HTML。

缺点

1. 它在 IE7 及更早版本中不起作用，因此您要么需要为这些浏览器定义不同的布局，要么使用浮动或位置：absolutes 来为那些浏览器生成 CSS，无论如何在其他浏览器中同样适用。
2. 要创建 colspan 或 rowspan 效果，需要将一个表嵌套在另一个表中。
3. 它鼓励人们构建网格布局，而不是采用更灵活的方法。

Answer 3

如果您已经定义了最大和最小高度，那么除了不断担心您的新发布内容在每种分辨率下看起来都不错之外，没有太多缺点。并且仍然存在百分比舍入和重叠边距的问题......众所周知，Stubbornella可以找到灵活布局带来的大多数问题的解决方案（参见演示页面），还有这个The Perfect 3 Column Liquid Layout by马修·詹姆斯·泰勒。