WEBLIC LLC

ブログ

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

Web制作

2016年10月11日

こんにちは、丹羽です。

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

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

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

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

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

関連記事

Web制作

オリジナアイコンを簡単にWEBフォントにする方法

ここ数年スマホからのアクセスの割合がPCを超えているサイトが多くなっています。そこで、スマホサイトを...

2016年10月19日

Web制作

ファーストビューに動画を!メリットと注意点の解説

ウェブサイトにおいて、訪問者の最初の印象を決定づけるファーストビューは非常に重要です。静的な画像やテ...

2024年3月7日

Web制作

Webサイト制作にかかる期間や流れを解説

Webサイト制作にかかる期間は内製化するか、外部に発注するかで大きく変わります。今回は外部に発注する...

2023年9月27日

Web制作

コーディングを効率化するEmmetはすごく便利!

10数年前からコーディングに携わっていたボクは、ずっとDreamweaverを愛用していましたが、こ...

2016年11月4日

Web制作

メイリオフォントはCSSでイタリックが効かない!

先日ある案件でデバイスフォントを斜体にする必要がありました。普段は何も気にせずCSSでイタリックを設...

2017年4月3日

  • カテゴリー

  • 本日、 1人が閲覧しました

    RELATED SITES

    関連サイト

    • SAKAMOTO Blog
    Designed by WEBLIC合同会社