CSS媒体查询仅定位到iOS设备

  • Z时代
  • 2024-01-10
  • 分类：问答

是否有@media查询仅针对运行iOS的设备？

例如：

@media (min-device-width:320px) and (max-device-width:768px) {
    #nav {
        yada: yada;
    }
}

这还会以这些设备宽度改变Android设备上页面的行为吗？

回答：

是的你可以。

@supports (-webkit-touch-callout: none) {
  /* CSS specific to iOS devices */ 
}
@supports not (-webkit-touch-callout: none) {
  /* CSS for other than iOS devices */ 
}

YMMV。

之所以有效，是因为仅 实现了-webkit-touch-callout

请注意，@supports在IE中不起作用。IE将跳过以上两个@support块。

以上是 CSS媒体查询仅定位到iOS设备 的全部内容， 来源链接： utcz.com/qa/429962.html

回到顶部