css - 是否可以在特定缩放上分配 CSS 属性？

Question

在伪代码中，是这样的:

div:zoom(2){
    color:red;
}

当缩放为 2 倍时，应将所有 div 的颜色设置为红色。

纯 CSS 有可能吗？

Answer 1

您无法真正检测到用户是否缩放了页面。这是由于这些限制:

• CSS 无法获取此类信息，除非通过媒体查询。但即使在 Media Queries Level 4(尚未被任何浏览器实现)中，也没有缩放级别检测。
• 浏览器缩放有两种方式:字体大小缩放或页面缩放。

对于后者，使用 JavaScript 可以检测缩放级别。你最好不要依赖它，如果将这样一个 hacky 脚本包含到代码库中，我会考虑两次。

在 Stack Overlow 上查看此答案:https://stackoverflow.com/a/5078596/3689130
请参阅此 Github 存储库:https://github.com/yonran/detect-zoom