css - 禁用仅适用于 ipad 的 Web 应用程序中的按钮

Question

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

那可能吗。我的想法是检查分辨率。但是如果设备的分辨率提高了怎么办？

Answer 1

尝试检查 PHP 中的用户代理。看到这个问题。然后，如果评论标签与 iPad 用户的预期用户代理匹配，则回显评论标签。

Answer 2

使用 CSS 媒体查询

对于 iPad 相关的 CSS，您可以使用：

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

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

对于安卓（如果你需要）

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

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