回答編集履歴

2

文言修正

2020/03/10 08:42

投稿

KimTom
KimTom

スコア134

test CHANGED
@@ -48,7 +48,7 @@
48
48
 
49
49
  max-heightが効かなかった原因は、iframeの親要素(`VideoWrap`)が`padding-bottom`を使って高さを指定しているためです。
50
50
 
51
- `padding`パーセントの値を指定すると親要素の幅を基準に計算してくれるプロパティです。
51
+ `padding`パーセントを指定すると親要素の幅を基準に計算してくれるプロパティです。
52
52
 
53
53
  paddingは要素の高さにも影響するのですが、`height`とは別の値として扱われるので`max-height`を指定しても効かない、という特徴もあります。
54
54
 

1

文言修正

2020/03/10 08:42

投稿

KimTom
KimTom

スコア134

test CHANGED
@@ -1,8 +1,8 @@
1
1
  ページ拝見しました。
2
2
 
3
- CSSの問題のようです。
3
+ スタイルを修正すれば解決できそうです。
4
4
 
5
- 一番簡単な解決策は`ModalWrap`に`right`、`margin`、`max-width`の3つのスタイルを追加すればOKす。
5
+ `ModalWrap`に`right`、`margin`、`max-width`の3つのスタイルを追加すればOKだと思います。
6
6
 
7
7
  スタイルを追加したコードは以下です(`max-width`の値はお好みでどうぞ)。
8
8