はてなブックマーク

OSXをMavericksからYosemiteにアップグレードした際に、Apacheのバージョン違いのためにlocalhostが動かなくなってしまい、復旧するための各種設定でつまづいたので、httpd.confとかhttpd-vhosts.confあたりの設定を備忘録的にまとめてみました。 はじめに 設定する項目は、以下になります。 Apache を自動で起動させるようにする PHP を使えるようにする ~/Sites（~/サイト）を使えるようにする バーチャルホストを使えるようにする SSI を使えるようにする 編集するファイルは以下になります。 httpd.conf httpd-userdir.conf {username}.conf httpd-vhosts.conf なお、各ファイルの編集はvimを使用しています。 ターミナルで、以下のようにして編集してください。 $ sudo v

背景画像を表示させる際に、画像の見え方自体は固定しつつ、元の画像サイズ以上にブラウザを広げた時には、画像の縦横比率を固定したままボックスごと拡大して表示させたい、そんな時に使える方法を紹介します。 CSS .sample { -moz-box-sizing: border-box; box-sizing: border-box; background: url(images/tanuki.jpg) center center no-repeat; background-size: cover; width: 100%; height: 500px; padding-top: 62.5%; } 表示サンプル サンプルhtml 背景画像の縦横比率を維持したままコンテンツの幅に合わせて表示のサンプル 各プロパティの説明 サンプルでは、800×500pxの画像を背景画像としています。 プロパティで