はてなブログのブログカードの幅を100%にする
ブログを引用した場合、表示されるカードがなんか狭いなって思ってたのでソースを見てみると
<iframe src="http://example.com/" title="hogehoge" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe>
こうなっていた。横幅が500px固定で、しかも要素にstyle属性で直書きである。
ここにもなんか載っていたが、こんな仰々しいことせずとも、デザインの stylesheet 指定で
.embed-card.embed-blogcard{ max-width: 100% !important; }
こう書き込めばよい。自分のデザイン以外ではどのように表示されるか確認していない。
スラスラわかるCSSデザインのきほん スラスラわかるきほんシリーズ
- 作者: 狩野祐東
- 出版社/メーカー: SBクリエイティブ
- 発売日: 2015/04/10
- メディア: Kindle版
- この商品を含むブログを見る
- 作者: ちきりん
- 出版社/メーカー: 文藝春秋
- 発売日: 2014/11/22
- メディア: 単行本
- この商品を含むブログ (11件) を見る