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

时间:2018-03-13 19:08:31

标签: html css

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

2 个答案:

答案 0 :(得分:0)

您可以使用

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

答案 1 :(得分:0)

您可以使用此CSS

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