回答編集履歴
2
画像追加
test
CHANGED
|
@@ -6,6 +6,10 @@
|
|
|
6
6
|
（border-bottomを使っているなら別ですが👀）
|
|
7
7
|
|
|
8
8
|
なので、おそらくサイズの調節ミスで、背景がはみ出ているのでは無いか？とまず疑います。
|
|
9
|
+
こんな感じで👀（緑の部分がそうです。iframeの下側にpaddingをつけて、iframeの背景を緑にしています）
|
|
10
|
+
|
|
11
|
+
|
|
12
|
+
---
|
|
9
13
|
|
|
10
14
|
すぐに試せる方法としては、iframeより外側の要素の背景、iframe自体の背景、iframeの参照先の背景、を全て変更してみるのも手です。開発時に背景色をカラフルにするのは結構デバッグには便利だったりしますよ😊
|
|
11
15
|
|
1
少し追加です
test
CHANGED
|
@@ -18,6 +18,10 @@
|
|
|
18
18
|
|
|
19
19
|
`display: table;`にすると見た目上は治るということですが、今テストしている環境で治っているだけの可能性もあるのでやはり気持ち悪いですよね。（だからこそ質問しているのだと思いますが😊）
|
|
20
20
|
|
|
21
|
+
後考えられるとしたら、スクロールバーという可能性もありますね👀
|
|
22
|
+
特にiPhoneのスクロールバーは特徴的（基本的にはバーが表示されず、スクロール時にのみ半透明のグレーが出てくる）なので、怪しいかもです👀
|
|
23
|
+
`display: table;`ではスクロールバーが表示されないみたいな理由で治ってたり？
|
|
24
|
+
|
|
21
25
|
最後に、テスト環境だけの問題という可能性も一応残っていますよ👀
|
|
22
26
|
iPhone 12 Proのサイズでテストしていますが、実機だと治るなんてこともざらにあります。
|
|
23
27
|
アプリの開発とかでもiPhoneシミュレータで実行しているときに表示が上手くいかなくて四苦八苦していたら、実機では治る...よくよく調べるとシミュレータのエラー...なんて経験があります😑
|