忽略Css规则

升级到iOS 9后，我的web应用程序的行为发生了变化，现在以css样式显示所有内容

display:none

和

visibility:hidden

。这一“功能”在Safari和Chrome for iOS中都可以看到。 同样的内容在Chrome、Firefox、Safari和IE for Windows和Android手机上隐藏（正如预期的那样）。这个问题似乎与iOS有关，但我找不到任何相关信息

我知道iOS 9有一个媒体查询错误（描述和），但我对页面的响应和缩放都没有问题

另外值得注意的是，我正在使用Twitter Bootstrap 3，特别是它们的隐藏类在iOS中无法正常工作

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

请把我藏起来

为什么内容没有隐藏

---

更新

---

我做了一个测试。它包含两个隐藏对象，但在此简化版本中，只有一个对象失败。我原以为两个都会像我的真实场景一样失败，但你不可能得到你想要的一切；）

我想这可能与经常报告的有关IOS9的bug有关，因为Safari似乎没有正确考虑媒体查询

一种可能的解决方法是，在

元视口中修复或添加这些值

：

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添加一个特定的

元视口。
这个问题提出已经很久了，遗憾的是，我不记得确切的解决方案。我不得不离开这个项目，几个月后重新开始

我记得它与我的项目中Bootstrap3的一些奇怪行为有关，因此没有iOS错误。我将更改问题的标题，以更好地反映这一点。
您能否创建一个小提琴或添加一个代码片段，以重现您遇到的问题？？？@wf4当然，我已将其添加到问题
隐藏的xs
意味着它将隐藏在小型设备上（@turbopipp是的，我确定。我还使用
隐藏
进行了测试，相同的错误适用于该场景。可能会帮助您解决问题。如果所有其他方法都失败，请使用不透明：0和位置：绝对切换？：）这解决了媒体查询的错误，但不是我正在努力解决的错误：/