使い方&サンプル2015-06-25TwitterFacebookGoogle+LinkedInPocketレスポンシブデザインが増えるにつれ使用頻度の多くなったbackground-size。背景画像をレスポンシブ対応するときに活躍します。今までぼんやりとした知識しかなかったので、ここらで勉強し直します。240pxの写真を参考に。縦横のサイズが違う方が、分かりやすいので。IE対応background-sizeプロパティはIE9以降対応です。background-sizeの値auto(初期値):background-sizeを指定しない場合などは、画像の縦横の値を算出する長さ(数値):pxなどで指定する。横幅の値だけの指定も可能。id="demo1"></div>background-size:auto(初期値)#demo1{bacground-size:auto;}背景画像のサイズは実サイズの横360px、縦240pxなので、200px四方のボックスは覆いかくされる。100px;}#demo2-2{background-size:100px;}縦横指定した場合(#demo2)は縦横比は無視される。auto;と同じ意味になる。50%;}#demo3-2{background-size:50%;}この場合も値を指定したときと同じような結果に。サンプルが悪かったかね縦横指定した場合(#demo3)は縦横比は無視される。背景領域w200px,h200pxの縦横50%にbackground-size:cover#demo4{background-size:cover;}背景画像の最小サイズ、この写真の場合は高さを背景領域の高さいっぱい迄拡大する、高さよりサイズの大きい横幅は切り取られるbackground-size:contain#demo5{background-size:contain;}背景画像の最大サイズを背景領域いっぱいに拡大する。この場合は横幅をボックスの横いっぱいに。縦横比は保持されるので横幅よりサイズが小さい高さは同じ比率で拡大されただけなので、下に余白ができます。印刷用CSSスタイルシートをデバッグしたい印刷用のスタイルシートを修正したいとき、修正箇所などを確認する方法。...今更学んだ「テキスト変換する前の文字が見えない」原因お恥ずかしいでところですが、初めてその状況になって初めて学んだこと。...レスポンシブデザインのテーブルレイアウトレスポンシブデザイン時のテーブルレイアウトの一つの参考。phpMyAdminでログインパスワードを再設定する方法WordPressで、ログインパスワードがわからなくなった!というときに。