実現したいこと
twitterのツイート埋め込みについてwidthを[600px]に指定したい
内容
twitterヴィジェットを読み込んだ際にmax-widthが指定されており
widthをそれ以上伸ばすことができずにおります。
試したこと
- cssでのimportantを使った上書き
- ページが読み込み終わった後にスタイルをjavascriptで動的に変更
- 以前使われていたdata-widthなどを使って幅を変える
- twitterサイト上にて埋め込み時にcustom sizeを行う
上記でいくつかの要素はスタイルを上書きできたのですが、最終的に実現には至りませんでした。
考えられる原因
原因としてmax-widthが指定されている一番小さい子要素が
iframeの中=別DOMにあるため
変更をブロックされているのではないかと考えています。
添付画像の.r-vakc41のmax-widthが解除できれば解決なのですが。。
twitterの仕様周りを調べても古い情報しか出てこず
解決策をご存知の方がいたら、教えていただけると幸いです。
補足情報
埋め込み手順
1.WEBでtwitter(X)に訪問
2.ツイートの三点リーダーをクリック
3.ポストを埋め込む
4.生成されたコードを貼り付け
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。