質問編集履歴
2
説明の変更
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
```ここに言語を入力
|
|
4
4
|
<body style="width:320px;">
|
|
5
5
|
<div id="wrapper" style="width:320px;">
|
|
6
|
-
<iframe src="https://www.rakuten.co.jp/" width="
|
|
6
|
+
<iframe src="https://www.rakuten.co.jp/" width="320px"></iframe>
|
|
7
7
|
</div>
|
|
8
8
|
<body>
|
|
9
9
|
|
1
説明の修正
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -11,13 +11,12 @@
|
|
|
11
11
|
|
|
12
12
|
スマホ（iphone,safari）でこれを確認してみると、以下のような現象が起こります。
|
|
13
13
|
|
|
14
|
-
・そもそもwrapperに指定したwidthが反映されな
|
|
14
|
+
・iframeを読み込むと、そもそもwrapperに指定したwidthが反映されず勝手にウィンドウサイズ全面表示となる
|
|
15
15
|
・iframeで表示されるコンテンツはスマホ用のテンプレが表出しているように見えるものの
|
|
16
16
|
ウィンドウサイズに対して解像度が合っていない
|
|
17
|
-
・iframe呼び出し元のHTMLに指定しているbodyの横幅が無視され
|
|
18
|
-
このページの横幅自体が呼び出し先の指定に自動で変更されてしまう
|
|
19
17
|
|
|
20
18
|
|
|
19
|
+
|
|
21
20
|
これらを回避して呼び出すコンテンツを呼び出し元のサイズ指定に合わせて表出させる方法をご教示いただけると助かります。
|
|
22
21
|
|
|
23
22
|
よろしくお願いします。
|