CSS の background-size での cover、contain、auto の違い

昨今の PC、スマートフォン、タブレット等デバイスのマルチスクリーン対応 (いわゆるレスポンシブウェブデザイン) は、 CSS について色々としらないと大変です。 知っていればできる、知らないと出来ない (もしくは手間がかかる)、ということが多いです。 ここでは CSS3 における背景 (background) の設定で、特に background-size 属性について少し詳しくみていきましょう。 background-size 属性による違い CSS3 では背景 (background) の設定はいろいろな要素ができます。詳しくは W3C の background の説明ページを見ていただくことにして、 ここでは background-size について動作をみてみましょう。 尚、ここで使用する背景画像は次の画像です。端がわかるように黒い正方形を書いています。 background-s