CSS3で背景領域の幅のパーセンテージで背景画像のサイズを設定する

CSS3では、背景領域の幅や高さのパーセンテージをbackground-size属性を使って指定できます。

background-size: 幅％ 高さ%;

例：
幅80%、高さ90%の場合：

#main {
  background-image: url(./images/image01.jpg");
  background-size: 80% 90%;
}

タグ：CSS3 HTML5 background-size