如何使背景图像适合浏览器窗口大小

Question

我正在创建一个网站，希望我的头版有一张涵盖整个背景的照片。我搜索并搜索但是我无法使我的图像适合屏幕，它会自动放大！我附上了一张它看起来像的图片，图片是一个码头，所有显示的是图片放大的角落。有人有任何提示吗？

Answer 1

您可以使用

background-repeat: no-repeat;
background-size: cover;

Answer 2

您可以使用此CSS

html {
background: url(example.jpg) no-repeat center center fixed; 
}