問題タブ [stretched]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
background - 画像が引き伸ばされており、カバー プロパティが機能していることがわからない
Css Background-size プロパティ、カバーが機能しない1 つの画像要素 (.info-image) と 1 つのコンテンツ要素 (.info-content)、基本的に 2 つの div をラップするために #home-info コンテナーを使用し、両方に 50% の幅を与えましたそして、それは親コンテナです。つまり、#home-info の高さは 450px です。背景画像を最初の要素、つまり .info-image に指定しようとすると、画像が引き伸ばされます。css cover または contains プロパティを使用すると、背景画像がまったく表示されません。