iframeを以下のように指定し、
<body style="width:320px;"> <div id="wrapper" style="width:320px;"> <iframe src="https://www.rakuten.co.jp/" width="320px"></iframe> </div> <body>
スマホ(iphone,safari)でこれを確認してみると、以下のような現象が起こります。
・iframeを読み込むと、そもそもwrapperに指定したwidthが反映されず勝手にウィンドウサイズ全面表示となる
・iframeで表示されるコンテンツはスマホ用のテンプレが表出しているように見えるものの
ウィンドウサイズに対して解像度が合っていない
これらを回避して呼び出すコンテンツを呼び出し元のサイズ指定に合わせて表出させる方法をご教示いただけると助かります。
よろしくお願いします。
あなたの回答
tips
プレビュー