CSS：背景サイズのカバーですが、画像が独自の幅を超えて拡大することはできません

Question

背景画像にbackground-size: cover;を使用していて、画像の幅は800pxですが、ビューポートは1500pxです。イメージはそれ自身の幅を超えていませんか？ （私はそれが元のサイズのものよりいずれかの大きなを伸ばしたくない）

header.hero { 
    position: relative; 
    clear: both; 
    overflow: hidden; 
    min-height: 390px; 
    background-repeat: no-repeat; 
    background-position: center center; 
    background-size:cover; 
} 

Answer 1

このCSSを追加します。

max-width: 800px;

Answer 2

しかし、私はすべてのCSS定義を追加する必要はありません私は別の 画像を使用する時...

だから、CSSプロパティを追加しようとすることができます

width: auto; - あなたのイメージの幅がheight

max-width: 100%;をのimgする規模になります - あなたのイメージは、カバーはしかし何だコンテナラッパー