【Gmail】メルマガで擬似インラインフレームを使うときの注意

メルマガで擬似インラインフレームを使用するとGmailで崩れて表示されます。

原因はCSSでheightを指定するとmin-heightへ強制的に変換されるためです。

heightの変わりにmax-heightを指定すると解決できます。

CSSはstyleで指定しなければなりません。

//codepen.io/codebox/embed/wGXMxP/?height=266&theme-id=0&default-tab=html&embed-version=2