現在、Instagramの画像を埋め込み、表示させる記事を作成しているのですが、PC上から確認すると枠内に収まっているinstagramの画像が、スマートフォンから確認をするとはみ出てしまう現象が発生しており、対処の仕方がわかりません。
同じ現象を経験された方いらっしゃいましたら、解決策などお教えいただきたいです。。。!
現象
PC(chrome使用。safariでも確認済み)でははみ出ない画像が、スマートフォンから確認した場合のみ、親要素からはみ出る。
PCのデベロッパーツールを用いてスマホサイズで確認をした際にははみ出ない。
なお、現状instagram埋め込みで作成されるiframeに対してはCSSを何も当てていません。
デフォルト設定のwidth: calc(100%-2px) が当たっているのみです。
width:100%!importantをiframeに対して当ててみましたが、変化はありませんでした。
回答1件
あなたの回答
tips
プレビュー