iPhoneでTwitterのウィジェットがはみ出る…

こんにちは、丹羽です。

WEBLICでは様々なお客さんのサイト運用をお手伝いしています。

先日弊社がお手伝いしている横浜中華街様のサイトに実装している、TwitterのウィジェットをiPhone7で確認すると、
↓の写真のようにボックスからびよ～んとはみ出てる…

どうやら、ios特有のバクでiframeに対してcssでwidth: 100%;にすると「iframeをきちんと描画してくれない」という事があるそうです。

今回はメディアクエリーで特定のサイズ以下の場合はTwitterのウィジェットの幅を固定することで解決しました。

それにしても、SNS系の仕様がちょくちょく変更になるのなんとかして欲しい。。。