CMSで便利なCSSを使った画像をリサイズする方法 | ユージック

CMSで便利なCSSを使った画像をリサイズする方法 2008年2月22日 僕は仕事ではCMSを使用した案件がメインになっているのですが、CMSを使用した際に頭を悩ませる問題として、クライアントが縦横比率の違う画像を使用することによってレイアウト崩れを起こすことがあります。 その問題をスクリプトを使用せずにCSSだけで解決できそうな方法を見つけたのでご紹介しようと思います。 概要はCSSのOverflowを応用して画像を綺麗にリサイズ表示する事ができるようです。CSSで画像を固定サイズにトリミング表示できるという事ですね。トリミングしてリサイズされた画像はマウスオーバーで全体表示がすることができます。 Create Resizing Thumbnails Using Overflow Property MTのようなCMSは基本的にWEB制作の知識のない相手に更新・管理・運用をしてもらう事が目

[suksuk]

CSSのOverflowを応用して画像を綺麗にリサイズ表示する事ができる。トリミングしてリサイズされた画像はマウスオーバーで全体表示。