WEBLIC LLC

ブログ

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

Web制作

2016年10月11日

こんにちは、丹羽です。

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

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

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

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

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

関連記事

Web制作

WordPressのContact Form 7にキャプチャを導入する方法

昨年末あたりからWEBLICのサイトのお問い合わせフォームからちょくちょくスパムが届くようになり困っ...

2017年1月12日

Web制作

Dreamweaver CC 2017で自動作成されるcssファイルを作らない方法

エディタをDreamweaver CC 2017に乗り換えて少し気になったことがあります。それはSa...

2017年3月23日

Web制作

子要素にaタグを含む親要素にhover処理をする

現状のCSSではaタグを持つ親要素のdivにスタイルを定義することができません。今回は同じ要素のボッ...

2016年12月14日

Web制作

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

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

2016年11月4日

Web制作

障害者差別解消法の改正法案にみるウェブアクセシビリティ

2024年4月からは、民間のウェブサイトに関しても、障害のある人を含むすべての人が情報にアクセスしや...

2024年2月26日

  • カテゴリー

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

    RELATED SITES

    関連サイト

    • SAKAMOTO Blog
    Designed by WEBLIC合同会社