viewsシェアするツイートするはてぶあなたが今、読んでいるカテゴリー:Web制作、ITスポンサーリンクブログでよくTwitterの埋め込みツイートを使うのですが、スマホではみ出ていました。スマホで埋め込みTweetがハミ出る藤原竜也botがうるさいのが原因ではみ出ている訳ではありません。どのツイートでもはみ出ます。iPadでもたまにうまく表示されているものもあるというデバイス依存な現象であり厄介です。気にはなっていましたが、ずっと放置していました。今回対応しましたので同じような現象に陥っている方は参考にしてみてください。Androidではハミ出ないAndroidでは、はみ出ずに正常に表示できたのでスルーします。言いたい所なのですが、もしAndroidではみ出て表示される方は、以下のサイトも参考になるかもしれないでの一度試してみてください。脳味噌はなまる筆者の場合は原因が違うので上記のサイトに記載されている方法では対応できませんでした。iPhone、iPadでハミ出る今回の対応はこちらのサイトを参考にさせていただきました。描画してくれない」という癖があるようで、特に「%(パーセンテージ)指定」とかだとこのようなおかしな事になってしまうようです。iPadのブラウザはiframeの幅指定をうまい事処理できないようです。たしかにパーセント指定で対応してみましたが、無理でした。いうことで上記のサイトを参考にしてメディアクエリとピクセル指定で対応しました。!important;}}指定している幅とCSS要素の指定方法はうちのサイト用に最適化しています。参考にさせていただいたサイトでは-webkit-min-device-pixel-ratioを指定していますが、このブログでは特に「iPhone,iPadのみこうする」という処理も必要もないですし、新しいデバイスが増えた時に対応が面倒なので外しています。ご自分のサイトに適した設定を行ってみてください。対応できました藤原竜也botも満足のようでこれではみ出なくなりました。Android共に動作は確認済みです。iPadでiframe要素がはみ出ている方は一度お試しあれ。うちのサイト、ソーシャル系のCSSにimportantつけまくりです。スポンサーリンクこんな記事も読まれていますさくらレンタルサーバでmod_deflateを使用して表示速度を計測してみた【Wordpress】アクセス過多で503&表示速度高速化に対応する方法。キャッシュプラグインを使う【WordPress】5分でブログのホームにピックアップ記事を表示させる方法query_postsを使用せずにカスタムフィールドの値で絞込みをして記事を表示する検索で集客するならアメブロはおススメできない。【Windows】有線やWiFi接続で識別中のままインターネットに繋がらない場合ディスプレイポート変換で、画面がちらつく、ついたり消えたりする場合の解決方法また検索順位1位だった記事が圏外に飛びました。ブロガーであり「たむらんち」の家主です。BAR、撮影、鳥取が大好きです。半年に1回は帰省しています。おかげ様で月間5万人以上の方にブログを閲覧していただけるようになりました。得意分野は雑学、IT系です。