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

Question

在伪代码中，类似这样：

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

当缩放为2x时，应将所有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