Simplicity2で横揺れ対策!追記すると良いスタイル すべてのdiv・画像、iframe・テーブルの幅を100%に指定すればOK!詳細な説明は後述。 div, img { max-width: 100%; height: auto; } iframe { max-width: 100%; } table { width: 100%; } ブログカードを引用などの領域で囲むときは以下も追加。 .blog-card { min-width: 100%; } これで はみ出すことはありません。 まだ画像が横揺れするとき ボーダーと内側の余白paddingの計算が合っていないので、はみ出すので下記をどうぞ。 LINK何で画像の枠がはみ出すの!?max-width:100%だけではダメ!そんなときの解決法 文字がはみ出すとき 文字が領域からはみ出して横揺れする場合は、改行ポイントの指定を変更す
![Simplicityスマホで、画像img・iframe・表tableが見切れて横揺れ・はみ出す時、CSSで対処](https://cdn-ak-scissors.b.st-hatena.com/image/square/f19abbc9baf4d36079b8fb0edd1224125638fbb9/height=288;version=1;width=512/https%3A%2F%2Fi2.wp.com%2Fbibabosi-rizumu.com%2Fwp-content%2Fuploads%2F2017%2F04%2Fsimplicity-img-iframe-table-width.png%3Ffit%3D602%252C384%26ssl%3D1)