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

在伪代码，像这样：是否可以在特定缩放上分配CSS属性？

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

应设置所有的div的颜色为红色时，变焦2倍。

纯CSS可以吗？

来源

2015-01-04 nicael

要访问要么是外面的DOM树或难以在DOM树的访问，你去使用伪类和伪信息元素。把它看作是对纯CSS的一种赞扬，它不能用普通的选择器来表达 – sarepta

你用'zoom'来表示什么意思？你的意思是由操作系统触发的用户缩放吗？通过浏览器？或者你的意思是CSS中的实际'zoom'属性？ – helloanselm

假设你的意思是浏览器缩放，我不认为CSS有浏览器缩放选择器。 [检测浏览器缩放并不重要]（https://stackoverflow.com/questions/1713771/how-to-detect-page-zoom-level-in-all-modern-browsers）。尝试使内容在不同的缩放级别下工作可能会更好。 –

您无法真正检测用户是否放大页面。这是由于这些限制：

CSS不能通过媒体查询获取此类信息。但即使在Media Queries Level 4（尚未由任何浏览器实现）中，也没有缩放级别检测。
浏览器缩放可以有两种方式：字体大小缩放或页面缩放。

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

查看堆栈过低这样的回答：https://stackoverflow.com/a/5078596/3689130
看到这个Github上库：https://github.com/yonran/detect-zoom

来源

2015-01-04 18:51:26 helloanselm

我问关于页面缩放。所以不可能？好。谢谢（你的）信息！ – nicael

如上所述，它有点可能（正如github回购所做的那样），但这是一个拙劣的解决方案，我不会将它用于生产站点/应用程序。 :) – helloanselm

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

回答

相关问题