ios - 如何为 safari 创建一组 css 规则

Question

背景

我正在修复带有 iframe 的网络应用程序，但 iframe 在 iPhone 上的行为与其他设备不同，因此我需要为其设置自己的样式集。

我尝试过的

所以我尝试了很多不同的样式并且可以让它在大多数情况下工作，但不能与其他移动浏览器同时工作。我需要一种方法来将样式仅指向 iphone safari 浏览器。

我试着写这样的样式:

html[data-browser="iPhone"] .signup-iframe{
  /* the styles */
}

问题

我将这些更改放在我的服务器上，然后直接在 iphone 上进行测试，但它似乎没有得到我的新样式，为什么？

Answer 1

ipods 在数据浏览器中有不同的值(value)

事实证明，我的代码可以正常工作，而且由于我使用的是旧 Ipod 而不是 Iphone，因此数据浏览器中的值不匹配。它确实如此，但是当我在 Iphone 4 和 Iphone 6 上检查时它在 Iphone 中工作。

愚蠢的错误，但希望这能帮助其他人在 Ipod 上进行测试。