画像のレスポンシブ対応 - とまとまきゅっきゅ

« FONTメモ | Main | へそクリックでスムーズスクロール »

2016年3月16日

画像のレスポンシブ対応

SVGだとwidthとheightを消すだけで、レスポンシブ対応できる。
ちなみにSVGを最適化・軽量化できるWebアプリを使っとくとステキ。
「SVGOMG - SVGO's Missing GUI」
SVG対応してないブラウザのために、インラインSVGの代替テキスト代わりとしてhogeも埋めとくとやさしい。

pngとかはBootstrapの場合、下記のように書くだけでいけるらしい。
img src="images/dummy.png" alt="dummy" width="300" height="200" class="img-responsive"

at 14:55 Comments [0] Tweet

コメントする

名前

電子メール

URL

サインイン情報を記憶

コメント (スタイル用のHTMLタグを使えます)

Recent Entries

Search this site

Monthly Archives

2016年
- 2016年5月 [2]
- 2016年3月 [6]
- 2016年1月 [1]
2013年
- 2013年11月 [1]
- 2013年1月 [1]
2012年
- 2012年6月 [4]
- 2012年4月 [3]
- 2012年3月 [3]
- 2012年2月 [4]
- 2012年1月 [1]
2011年
- 2011年12月 [5]
- 2011年11月 [2]
- 2011年10月 [1]
- 2011年9月 [3]
- 2011年8月 [1]
- 2011年7月 [1]
- 2011年6月 [4]
- 2011年5月 [7]
- 2011年4月 [12]
- 2011年3月 [17]
- 2011年2月 [23]
- 2011年1月 [3]
2010年
- 2010年12月 [1]
- 2010年11月 [1]
- 2010年10月 [3]
- 2010年9月 [1]
- 2010年8月 [1]
- 2010年7月 [6]
- 2010年6月 [1]
- 2010年5月 [1]
- 2010年3月 [2]
- 2010年2月 [4]
- 2010年1月 [1]
2009年
- 2009年12月 [2]
- 2009年11月 [1]
- 2009年10月 [4]
- 2009年9月 [1]
- 2009年8月 [6]
- 2009年7月 [6]
- 2009年6月 [5]
- 2009年5月 [3]
- 2009年4月 [2]
- 2009年3月 [1]
- 2009年2月 [4]
- 2009年1月 [7]
2008年
- 2008年12月 [3]
- 2008年11月 [2]
- 2008年10月 [1]
- 2008年9月 [3]
- 2008年8月 [4]
- 2008年7月 [7]
- 2008年6月 [4]
- 2008年5月 [5]
- 2008年4月 [3]
- 2008年3月 [4]
- 2008年2月 [6]
- 2008年1月 [3]
2007年
- 2007年12月 [6]
- 2007年11月 [3]
- 2007年10月 [6]
- 2007年9月 [2]
- 2007年8月 [7]
- 2007年7月 [11]
- 2007年6月 [8]
- 2007年5月 [8]
- 2007年4月 [7]
- 2007年3月 [14]
- 2007年2月 [5]
- 2007年1月 [21]
2006年
- 2006年12月 [9]
- 2006年11月 [3]
- 2006年10月 [10]
- 2006年9月 [12]
- 2006年8月 [11]
- 2006年7月 [10]
- 2006年6月 [9]
- 2006年5月 [13]
- 2006年4月 [17]
- 2006年3月 [25]
- 2006年2月 [23]
- 2006年1月 [30]
2005年
- 2005年12月 [1]

Categories

CAD [6]
FPGAとCPLD [10]
from 携帯
おいしいもの [31]
かわいいもの [47]
ゲーム [12]
ソフト [11]
工作 [14]
徒然 [186]
旅行 [49]
映画とかテレビとか [30]
本 [13]
釣り [8]

Syndicate this site (XML)