タグ

レスポンシブに関するkyo191のブックマーク (1)

  • 【jQuery】Twitter埋め込みウィジェットが最大520px固定になっていたので強引に戻す

    格安SIM比較サイトを更新している時に気がついたのですが、CSSで幅いっぱいまで広げていたTwitter埋め込みウィジェットが何故か右側に余白が空くようになってしまいました。 原因は埋め込みコードの変更? こうなってしまうとコンテンツ幅に合わせて広げているレイアウトが出来なくなってしまいます。どうしてもコンテンツ幅に合わせておきたかったので、jQueryを利用して強引に幅100%に調整しました。 Chromeの開発者ツールで調べてみたところ、Twitterの埋め込みウィジェットが吐き出すソースコードが変更されたみたいで、幅が最大520pxに固定されてしまったようです。CSSでmax-width:100% !ipmortant;のように幅いっぱいに指定しても効かなくなってしまったようです。 jQueryで強引に幅100%に戻してみる CSSが効かないとなると、jQueryとかでどうにかなるん

    【jQuery】Twitter埋め込みウィジェットが最大520px固定になっていたので強引に戻す
  • 1