テキストサイズ変更に応じて画像のサイズを変えるCSSテクニック:phpspot開発日誌

Create Resizable Images With CSS | Smiley Cat Web Design I'm a big fan of layouts that still work if a user increases their browser's text size. テキストサイズ変更に応じて画像のサイズを変えるCSSテクニック 方法１ 次のDIVがあったとして、 <div class="resize"></div> 次のＣＳＳを適用します。 .resize { background: url(image.jpg) -130px -140px no-repeat; border: 3px double #fff; float: left; height: 12em; margin: .2em 1em 1em 0; width: 12em; } すると、文字サイズを変更

[webmarksjp]

画像

[sima-box]

テキストサイズ変更に応じて画像のサイズを変える

[miya2000]

テキストサイズ変更に応じて画像の表示サイズを変えるCSSテクニック

[libkazz]

こんなことできるのとは！アイコンなんかに利用したい

[raitu]

こりゃべんり

[ag-commerce]

テキストサイズ変更に応じて画像のサイズを変えるCSSテクニック

[wacky]

ブラウザの文字サイズに合わせて画像のサイズも変わるCSS。伸縮ではなく切り抜き。

[picnicgraphic]

「テキストサイズ変更に応じて画像のサイズを変えるCSSテクニック」の説明。

[saladdays]

この考え方、非常にユニーク。どこかで使ってみたい。

[myrmecoleon]

画像のサイズというか，隠れてる部分が表示されるってことか。

[Tadaki]

なんかイマイチすっきり感がないけど一応。