使用 CSS 的缩放属性来实现桌面响应是个好主意吗？答案

【问题标题】：Is using CSS' zoom property for desktop responsiveness a good idea?使用 CSS 的缩放属性来实现桌面响应是个好主意吗？
【发布时间】：2021-12-30 03:29:43
【问题描述】：

使用 CSS 的zoom 属性来提高响应速度而不是手动调整网页上每个元素的大小是否是一个好主意？这显然不适用于移动设备，因为它是一个完全不同的布局，但它适用于较小的桌面屏幕。这有什么缺点吗（除了 Firefox 不支持 zoom 属性）？

例如-

@media (min-width: 1024px) and (max-width: 1279px) {
  body {
    zoom: 80%;
  }
}

非常感谢您的宝贵时间，祝您有美好的一天！ ✌️

【问题讨论】：

我不确定您的目标是什么。如果用户制作一个小视口，他们是要获得压缩版本还是“移动”版本？无论答案是什么，是否有理由首先不使样式响应，例如使用像 vmin 和 % 这样的单位而不是像 px 这样的绝对单位？

【解决方案1】：

我认为，这是个坏主意，因为并非所有浏览器都支持此属性

【讨论】：

您的答案可以通过额外的支持信息得到改进。请edit 添加更多详细信息，例如引用或文档，以便其他人可以确认您的答案是正确的。你可以找到更多关于如何写好答案的信息in the help center。