iOS 9 bug - 忽略css规则

自从升级到iOS 9后，我的web应用程序改变了行为，现在显示所有带有css风格的内容display: none和visibility: hidden。这个“功能”可以在iOS和Safari浏览器中找到。在Chrome，Firefox，Safari和IE for Windows以及Android手机中隐藏了相同的内容（如预期的那样）。这个问题似乎与iOS相关，但我找不到任何有关它的信息。iOS 9 bug - 忽略css规则

我知道iOS 9存在媒体查询错误（描述为here和here），但我对页面的响应速度和缩放都没有问题。

另外值得注意我使用Twitter的引导3，它是未在iOS的正常工作，特别是他们隐藏的类。

<div class="hidden">Hide me please</div>

为什么内容不隐藏？

更新

我已经做了fiddle进行测试。它包含两个隐藏的对象，但在这个简化版本中只有其中一个失败。我希望既不能像我的真实的情景，但你不能得到你想要的一切;）

来源

2015-11-03 Nurp

您可以创建一个小提琴或添加的代码片段将重现你有问题？ – wf4

@ WF4肯定的是，我已经把它添加到问题 – Nurp

'隐藏xs'意味着它将在小型设备上被隐藏（<768px）只是，你确定你想出来的设备是宽度小于768px？也许你需要'hidden-md'来隐藏你的设备？我没有iOS9来测试我的理论，但你可以测试它。如果这不起作用，有[许多其他隐藏/显示类可用]（http://getbootstrap.com/css/#responsive-utilities-classes） – turbopipp

我想这是与宽度经常报道有关IOS9错误可能看起来像Safari浏览器没有右服用该帐户的媒体查询。

可能的解决方法可能是，固定或meta viewport添加这些值：

initial-scale=1.0001 
minimum-scale=1.0001 
maximum-scale=1.0001 
user-scalable=no

不要设置页面宽度在元视口！这只会导致更多问题。

所有的一切以这种方式：

<meta name="viewport" content="initial-scale=1.0001, minimum-scale=1.0001, maximum-scale=1.0001, user-scalable=no"/>

，如果一切正常，你可以设置一个JavaScript只是为了增加对只IOS9 WebKit的特定meta viewport。

来源

2015-11-11 00:35:11 holden

这解决了媒体查询的错误，但不是我正在努力的错误：/ – Nurp

iOS 9 bug - 忽略css规则

回答

相关问题