自从升级到iOS 9以来,我的Web应用程序已经改变了行为,现在显示所有内容的CSS样式显示:none和visibility:hidden. Safari和Chrome for iOS都可以看到这个“功能”.
相同的内容在Chrome,Firefox,Safari和IE for Windows以及 Android手机上都会隐藏(如预期).这个问题似乎与iOS相关,但我找不到任何有关它的信息.
相同的内容在Chrome,Firefox,Safari和IE for Windows以及 Android手机上都会隐藏(如预期).这个问题似乎与iOS相关,但我找不到任何有关它的信息.
我知道iOS 9有一个媒体查询错误(描述为here和here),但我也没有页面的响应性和缩放的问题.
还值得注意的是,我使用的是Twitter Bootstrap 3,它特别是在iOS中无法正常使用的隐藏类.
<div class="hidden">Hide me please</div>
为什么内容不隐藏?
更新
我已经做了fiddle进行测试.它包含两个隐藏的对象,但在这个简化版本中,只有一个失败.我预计在我的真实场景中都会失败,但是你无法获得所需的一切;
解决方法
我想这是相关的宽度bug经常报告关于IOS9可能看起来像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添加一个特定的元视图.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。