はてなブログの他サイトの埋込カードの幅を100%にする
zamad.hatenablog.com に引き続き・・・
HTMLを見ると同様なので
<iframe src="//hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.example.com" title="hogehoge" class="embed-card embed-webcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 155px; max-width: 500px; margin: 10px 0px;"></iframe>
同様にこれをスタイルに設定するだけである。
.embed-card.embed-webcard{ max-width: 100% !important; }
今、見直すHTML (ネット時代の、これから始めるプログラミング(NextPublishing))
- 作者: 林拓也
- 出版社/メーカー: インプレスR&D
- 発売日: 2014/08/18
- メディア: オンデマンド (ペーパーバック)
- この商品を含むブログを見る