css - 绝对定位性能

标签 css

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

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

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

最佳答案

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

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

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

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

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

关于css - 绝对定位性能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6204163/

相关文章:

javascript - Highcharts-如何在多系列柱形图中的柱顶部对齐共享工具提示?

javascript - 我不明白为什么我们应该包括 var result=false 和 result=true

javascript - 如何通过单击文本内容区域来检测 HTML 元素是否有文本?

css - Firefox 中滚动元素中的文本始终为省略号

html - 与 body 相比,将 css 规则应用于 html 有什么区别?

html - “breadcrumb-item active”类未按预期工作

php - WordPress 站点上的 FTP 图像显示问题

html - 即使内容中有全 Angular block ,如何使侧边栏出现在移动内容之后?

html - 使用变换 : translateY(-50%); inside absolutely positioned div 垂直对齐

html - 使表格单元格全部可点击的CSS