2017-01-26 16 views
0

アプリケーションの背景画像を設定しようとしていますが、画像をきれいに覆い隠すのではなく、ズームインしています。画像をウェブサイトのサイズに合わせるにはどうすればよいですか。CSSを使用してズームインせずに背景画像を設定する

次のようにコードが見える: body { background: url(http://www.1zoom.net/big2/155/323865-alexfas01.jpg) no-repeat top right; }

答えて

3

background-size: cover;

https://developer.mozilla.org/en-US/docs/Web/CSS/background-size

から「含有の逆数であるキーワードをできるだけ大きくし、維持画像側面として画像を拡大縮小画像はコンテナの幅や高さ全体を「カバー」します。画像とコンテナの寸法が異なる場合、画像は左右にクリッピングされます。トップ/ボトム。

body { 
 
    background: url(http://www.1zoom.net/big2/155/323865-alexfas01.jpg) no-repeat top right; 
 
    background-size: cover; 
 
}

関連する問題