0

私はここにサイトを持っています: iframe にも表示しようとしているCampus Tour 。ここでの目標は、学生がモバイル デバイスでツアーを表示しているときに、学生が見ているものを正確に確認できるようにすることです。

iPhone ビューポートは次のとおりです。 iPhone ビューポート

Chrome では正常に表示されますが、IE8 では表示されません。IE8 で表示すると、iframe はフル サイト モードでサイトを表示し、モバイル CSS に準拠しません。

これが私のiframeコードです：

<div align="center" style="position: fixed; margin-top: 2%; margin-left: 12%; border: 5px solid #f60; width: auto; height: auto;">

                <h2 style="font-weight:bold; background-color: #f60; color: #fff;">iPhone 5 Display</h2>
                    <iframe style="width:568px; height: 320px; " src="http://webfro.gs/south/tour" frameborder="0"></iframe>
            </div>

私は自分の心をグーグルで検索し、Quirks モードなどについて読みましたが、それを適用する方法がよくわかりません. それが正しい解決策であるかどうかもわかりません。

ここで支援するために、さらにどのような情報が必要ですか?

4

1 に答える 1

2

ここでの問題は、IE8 が、ビューポートのサイズに応じてレイアウトを変更するために使用している CSS メディア クエリをサポートしていないことです。

このために IE8 をサポートする必要がある場合、最適な解決策は、メディア クエリ構文のサポートを IE8 にバックポートするRespond.jsなどのポリフィル スクリプトを使用することです。

于 2013-07-05T16:05:27.500 に答える