質問: HTMLについての質問です。 かなりの初心者です。 レシポンシブにするためコーディングをしています。 そこで、トップの画像を背景にするためbackgroundで貼っているのですが、 縦横の比率を保ったままサイトに合わせて可変することができません。 heightを%にすると画像が表示されません。 色々な解説をみて恐らくbackground-size:100% auto; background-size:auto 100%;の指定が求めているものに近いのですが反映されません 以下悩んでいる部分になります。 先ほどの補足を付け足しております。 ``` test ``` 2016/2/1716:14:42 回答頂いたcoverやbackground-size:100% 100%;にしても反映されず、パスは元ので画像の表示はされます。 目標 こちらのサイトの100% auto - 横 縦 -の動きをして欲しいのです。。
回答: 私も初心者ですが、heightの指定に%ではなく、vhを使ってみるのはいかがでしょうか? 対応ブラウザが限られてしまいますが... http://coliss.com/articles/build-websites/operation/css/viewport-vs-percentage-units-by-ire.html