CSS4媒体查询@media (hover: hover)

2020-06-1582次阅读csscss模块

CSS4媒体查询@media (hover: hover)仅允许您在具有悬停功能的设备上应用样式。

@media (hover: hover) {
  button:hover {
    border: 3px solid green; /* 解决粘性问题

 */
  }
}

典型的触摸屏移动设备将无法进行媒体查询,样式将不适用,并且可以避免粘性问题。

上一篇: aspect-ratio元素放在元素上即可根据auto宽度计算出高度  下一篇: conic-gradient()圆锥形渐变实现背景图案  

CSS4媒体查询@media (hover: hover)相关文章