Instagramの投稿埋め込み時にスマホで表示がはみ出る場合の対処法
Instagramの投稿をサイトに埋め込んだ時にiPhoneやiPhoneSE等のスマホで表示がはみ出てしまう場合の対策をメモ
単純にiframeのwidthを100%にしても上手くいかなかったので調べたところ
@media screen and (max-width: 728px){ .instagram-media{ width:414px !important; max-width: 100% !important; min-width: initial !important; } }
↑こちらのソースを追加することで解決。
CSSのおすすめ参考書
ポチップ