我在一家餐厅的网站上工作,在我的手机上访问该网站时遇到了这个烦人的问题。这是我看到的:http: //i.imgur.com/rc1sS.png(可在 iOS5、iOS6、一些Android 中重现)
菜单是 .JPG 在 Twitter Bootstrap 模式中加载的,代码如下所示:
<div id="menu" class="modal hide fade in" style="display: none; ">
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
</div>
<div class="modal-body">
<img src="assets/menus/brunch.jpg">
</div>
</div>
<a data-toggle="modal" href="#menu" >BRUNCH</a></p>
一切都在所有桌面浏览器中加载正常,而且奇怪的是它们出现在 iOS6 的移动 Chrome 应用程序上。我用朋友问了几个我的安卓,大约是 50%。我不知道为什么似乎没有模式。图像的调用方式有问题吗?(我认为它与模态本身没有任何关系?)
帮助!