是否可以为特定缩放分配 CSS 属性？
Is it possible to assign CSS properties on specific zoom?
在伪代码中，是这样的：
div:zoom(2){
color:red;
}
当缩放为 2 倍时，应将所有 div 的颜色设置为红色。
纯 CSS 可行吗？
您无法真正检测到用户是否缩放了页面。这是由于这些限制：
- CSS 无法获取此类信息，除非通过媒体查询。但即使在媒体查询级别 4（尚未由任何浏览器实现）中，也没有缩放级别检测。
- 浏览器缩放有两种方式：字体大小缩放或页面缩放。
对于后者，使用 JavaScript 可以检测缩放级别。你最好不要依赖它，如果将这样一个 hacky 脚本包含到代码库中，我会考虑两次。
在 Stack Overlow 上查看此答案：
请参阅此 Github 存储库：https://github.com/yonran/detect-zoom
在伪代码中，是这样的：
div:zoom(2){
color:red;
}
当缩放为 2 倍时，应将所有 div 的颜色设置为红色。
纯 CSS 可行吗？
您无法真正检测到用户是否缩放了页面。这是由于这些限制：
- CSS 无法获取此类信息，除非通过媒体查询。但即使在媒体查询级别 4（尚未由任何浏览器实现）中，也没有缩放级别检测。
- 浏览器缩放有两种方式：字体大小缩放或页面缩放。
对于后者，使用 JavaScript 可以检测缩放级别。你最好不要依赖它，如果将这样一个 hacky 脚本包含到代码库中，我会考虑两次。
在 Stack Overlow 上查看此答案：
请参阅此 Github 存储库：https://github.com/yonran/detect-zoom