WEBLIC LLC

ブログ

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

Web制作

2016年10月11日

こんにちは、丹羽です。

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

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

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

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

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

関連記事

Web制作

静的HTMLとWordPressどちらがあなたのビジネスに適しているか?

Webサイトは、ビジネスの成功において重要な役割を果たします。しかし、Webサイトの構築方法には様々...

2023年9月29日

Web制作

VirtualBoxでGuest Addsinionsをインストールしても画面サイズが変わらない場合の対処法

弊社の制作環境はMacで、制作したサイトのIEチェックはVMwareもしくはVirtualBoxにイ...

2017年3月8日

Web制作

【厳選】WordPressプラグイン5選

以前の記事「WordPressプラグインの落とし穴5選」では、プラグインを使用することで簡単に機能を...

2023年8月29日

Web制作

WordPressでWebPを導入してページスピードを向上させる方法

ページスピードインサイトのスコアがなかなか上がらず、悩んでいる方へ。表示速度が速くなることは、単にス...

2024年7月16日

Web制作

低予算でのWordPress運用ガイド!子テーマの重要性を解説

ホームページの制作に予算制限がある中で、自社のスタッフがWordPressを使ってサイトを構築するこ...

2024年7月30日

  • カテゴリー

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

    RELATED SITES

    関連サイト

    • SAKAMOTO Blog
    Designed by WEBLIC合同会社