私はレストランのウェブサイトで作業していて、電話でそのサイトにアクセスしたときにこの厄介な問題に遭遇しました。これが私が見るものです:http://i.imgur.com/rc1sS.png(iOS5、iOS6、一部のAndroidで再現可能)
メニューはTwitterBootstrapモーダルでの.JPGの読み込みであり、コードは次のようになります。
<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%です。なぜパターンがないように見えるのかわかりません。画像の呼び出し方法に問題がありますか?(モーダル自体とは何の関係もないと思いますか?)
ヘルプ!