背景イメージを画面に合わせる方法は？

Question

私は、このCSSコードを試みた：

background: url(bg.jpg) center center no-repeat fixed; 
background-size: cover; 

をしかし、まだ、背景画像の高さがビューポートよりも大きくなっています。なぜこうなった？ただ、私にコードを教えてください、あまりにも説明してください。 MDNから

Answer 1

：

カバー含まの逆数であるキーワード。可能な限り画像を拡大/縮小し、画像の縦横比を維持します（画像は になりません）。イメージは、 コンテナの幅または高さ全体を「カバー」します。画像とコンテナの寸法が異なる場合、画像は左右または上/下のいずれかにクリップされます。

アスペクト比を変更せずにビューポートを埋めるのに十分な幅を持たせることができるのは、これがビューポートよりも大きいからです。

100% 100%を使用してアスペクト比を破棄します。

---

また、文書の内容がビューポートよりも身体背が行った場合、ウィンドウの代わりに、body要素に拡張することを強制するbackground-attachment: fixedを設定する必要があります。