WEBLIC LLC

ブログ

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

Web制作

2016年10月11日

こんにちは、丹羽です。

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

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

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

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

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

関連記事

Web制作

Sass mixinの引数に0を指定する方法

背景画像をカラムごとに違う画像を配置するため、mixinを使って設定しましたが、うまくいきませんでし...

2016年12月12日

Web制作

TwitterでOGP画像が表示されない時の対処法

Twitterで記事をシェアしたときに、期待したOGP画像が表示されないことはありませんか?この記事...

2023年8月1日

Web制作

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

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

2023年9月27日

Web制作

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

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

2017年3月8日

Web制作

Google Chrome Ver56でSSL証明書情報を確認する方法

最近何かと話題のSSL(https)ですが、Google Chromeをアップデートしたところ、SS...

2017年2月3日

  • カテゴリー

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

    RELATED SITES

    関連サイト

    • SAKAMOTO Blog
    Designed by WEBLIC合同会社