css - 仅在 iPad 的 Web 应用程序中禁用按钮

Question

我有一个具有上传功能的网络应用程序。当通过 ipad 查看页面时，我想禁用该按钮。

这可能吗？我的想法是检查分辨率。但是如果设备的分辨率怎么办增加？

Answer 1

使用 CSS 媒体查询

对于 iPad 相关的 CSS，你可以使用这个:

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {
  .no-ipad {
    display: none;
  }
}

添加类 no-ipad 使元素不在 iPad 上显示。

Android 版(如果需要)

@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
  .no-android {
    display: none;
  }
}

添加 no-android 类，使元素在 Android 上不显示。