Question

我在一家餐馆的网站上工作，在我的手机上访问该网站时遇到了这个烦人的问题。这就是我所看到的：http://i.imgur.com/rc1sS.png（在iOS5，iOS6，一些 Androids中可重现）

菜单是.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应用中。我问过我的几个Android使用的朋友，大概是50％。我不知道为什么似乎没有模式。是如何调用图像的问题？（我不认为它与模态本身有任何关系？）

帮助！

Answer 1

好的，原来图像是CMYK，手机不喜欢。改为RGB，现在一切都很好！

bootstrap模式中的图像未显示在移动设备上

1 个答案: