背景圖像比視大

讓說我對智能手機訪問我的網站背景圖像比視大

<meta name="viewport" content="width=360, initial-scale=1.0, user-scalable=no" />

和1000×1000像一個大的背景圖像。

我只希望能夠修復我的背景圖像的大小，即使它比視口大，以允許像縮放這樣的東西。

<body style="background: black url('pic.jpg') no-repeat; ">

正常工作與原來的大小，但

<body style="background: black url('pic.jpg') no-repeat; background-size:750px">

限制我的圖片視口寬度的大小。

所以我的問題：如果背景圖像的尺寸大於視口寬度，我怎麼能設置背景圖像的尺寸爲任何值？

2017-07-30 blueace

將background-size設置爲100% 100%以拉伸並且不保留寬高比。

將background-size設置爲cover以拉伸，裁剪冗餘部分並保留寬高比。

設置background-size到contain拉伸，在需要的地方添加額外空間並保留寬高比。

2017-07-30 15:42:37

回答