*Essence

HP用フリー素材とFC2共有テンプレートを作成・配布しています。

 > 2018年07月

レスポンシブテンプレートの使い方(トップ画像変更)

トップ画像の変更方法です。背景画像を横幅100%でレスポンシブ対応させる方法は幾つか有りますが、パーセント指定と 背景画像変更② でのbackground-size:contein; を使った方法です。background-size:cover; では、画像の幅と高さの比率を固定して領域を覆うように表示されますが、はみ出した部分は表示されません。background-size:contain; も画像の幅と高さの比率を固定しますが、表示領域が変更された場合でも画像が全て表示さ...

続きを読む