分高さが広がってしまうのを回避しています。指定していない、もしくは0にしている場合には、必要ないかもしれません。スマホ対応が必要な時には、ベンダープレフィックスを付けた方が良いです。500px;これは単純に元画像の高さです。入れないと、元画像の幅よりもブラウザサイズを小さくした時に、画像が縮小されてしまうため、記述してあります。画像が縦方向に縮小しても良い場合には特に必要ありません。さいごに最近のWeb制作では、スマホ対応やレスポンシブ対応といった案件がとても増えてきています。非常に有用なプロパティの一つであるといえるでしょう。プロパティはIE8以下に対応していませんので、そのままでは使う事ができません。プラグインなどを探して対応するしかないようです。参考サイトjquery.backgroundSize.jsスポンサーリンクシェアするツイートフォローするみっち関連記事ページ送り(ページネーション)CSSだけを使って複数ページにまたがる記事や、連載ものの記事に利用できる、ページ送り(ページネーション)のサンプルを紹介します。disp...記事を読むCSSだけでマウスオーバーマウスオーバーはいくつも手法がありますが、ここではCSSだけを使ってマウスオーバーで画像を切り替えるサンプルを紹介します。7+IE8以降です」というケース。target属性がありません。Vistaの延長サポートも2017年4月11日に切れたので、ぼ...記事を読むボックスからあふれたテキストを「...」で省略表示ページ送りの記事にもちょこっと書いていますが、1行分のボックスからあふれたテキストを省略表示する場合のサンプルです。...記事を読む画像回り込み写真などの画像の横にテキストを流して配置する方法2つ。<p>&...記事を読むFirefoxでmax-widthが効かない?バグ?仕様?とあるスマホ案件にて、html制作中に出くわした現象の備忘録です。