“any-pointer”和“any-hover”媒体查询
“any-pointer”和“any-hover”媒体查询
提问于 2017-02-17 23:16:38
如何使用这两个选项？
在deskop浏览器中：
@media(any-hover){
body{
color:red;
}
}
@media(any-pointer){
body{
color:green;
}
} 所有文本都是绿色的。为什么？我认为在触控设备中，文本是绿色的，而desctop浏览器是红色的
回答 2
Stack Overflow用户
发布于 2018-06-06 06:11:13
@18zehn很接近。您的文本总是绿色的原因是因为any-pointer是最后的，而CSS从上到下计算相同的特异性，优先于后面的规则。此外，触摸也被算作粗略的指针，因此它将始终是绿色的。
翻转媒体查询。触摸作为您唯一的输入没有悬停(除非设备可以检测到您的手指悬停)，因此任何指针下方的任何悬停将不适用(根据需要)。这会给你你想要的。
Stack Overflow用户
发布于 2017-02-17 23:20:09
Any-Pointer用于检查设备是否有支持指针的输入设备。我猜你的桌面有这样一个设备，也就是你的鼠标。
所以这个条件是真的，你的文本是绿色的。
Any-hover用于检查您的设备是否支持悬停。
因此，这两个条件都适用于您的桌面。它们都不能在智能手机上工作。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/42301390
复制相关文章
相似问题