css - 绝对定位性能

Question

我有一个同事在他的 CSS 中使用了很多绝对定位。

我发现我通常可以通过为 html 提供不同的结构来实现相同的视觉效果 - 事实上，除非我绝对需要，否则我倾向于避免使用绝对定位。

问题 - 除了 css 复杂性之外，我的直觉在这里是否合理，绝对定位是否应该谨慎使用？

Answer 1

过度使用绝对定位是一个设计问题，但这并不是因为任何性能问题 - 我不知道任何性能方面的问题会让我在需要时犹豫是否使用绝对定位。

绝对定位所有内容的真正问题在于，您倾向于将布局绑定(bind)到固定大小，如果您必须针对改变大小的内容进行调整，这会使事情变得完全疯狂。

例如，如果您想增加网站的字体大小会怎样？如果一切都绝对定位，您将需要付出巨大努力才能重新对齐一切。

同样，绝对定位几乎总是意味着整个布局的定位和大小以像素为单位，而不是 em 单位或百分比。同样，使用像素大小没有错，但是当人们尝试自己调整网站时(例如使用缩放或放大镜，或者只是更改字体大小等)，它确实会产生可访问性问题

您是否尝试过在各种移动设备上查看您的网站？在较小的屏幕尺寸上观看时，设计严格的网站通常是最差的。最好有一个流畅的设计，无论你在哪里使用它都可以工作，而不是必须有一个完全独立的移动网站。