background-imageにmax-width:100%;height:auto;を適用したい

さんたと申します
宜しくお願い致します。

仮ページで
http://carshop-glanz.com/css/test/kents-auto.com …
scrollifyというJQUERY を使用してページを作っています（縦スクロールパララックス）が、
1920＊1080の画像を、画像として置き、
img {
max-width:100%;
height:auto;
}
とすると、パソコンでもスマホでも画面いっぱいになります。
しかしながら、背景にしたい場合に
section.sec_1 {
background-image:url(../images/kents-auto57.jpg);
font-size:10px;
max-width:100%;
height:auto;
}
とすると、（font-size:10px;で適用確認）すると、画面を越えてしまって半分ぐらいしか文字が入っていません、拡大されているのかどうかわかりませんが、max-widthが効かないようです。

何が原因でしょうか？
教えて下さい。
宜しくお願い致します。

No.1 ベストアンサー 回答者： ORUKA1951 回答日時： 2017/03/18 16:35

背景にはそんなプロパティ有りません。

coverプロパティを使う。

この回答へのお礼

ORUKA1951 様

なるほど、そうですか。coverを使ったら良いのですね。
ありがとうございます！

お礼日時：2017/03/18 21:24