background-sizeに触れてみます。
知らない技術というよりは、サイト構築中に初めて触れて感動したわけです。
タイトルから察してCSSです。CSS3です。
使い方
.hoge {
background: url(/img/icon_hoge.png) no-repeat left center;
background-size: {width} {height};
}
あたり前すぎるが、{width}には画像の幅を、{height}には画像の高さを指定する。
px指定も%指定もなんでもござれ。
説明が面倒なので結果からフィール。
気をつけるべきはsizeを%で指定するとき
画像のサイズに対する比率ではなく、要素のサイズに対する比率であることを忘れないようにする。
contain？cover？
……使うの…？