即使調整大小也能保持圖像全尺寸

我有尺寸爲1903x2160的背景圖像。即使調整大小也能保持圖像全尺寸

當窗口被調整大小時，是否有辦法阻止縮放或調整背景圖像的大小？我希望將圖像水平居中並將圖像的兩側裁剪出（可以這麼說），以便在調整大小時保持圖像的準確位置。

我想，這樣的事情（搶下關閉這個網站的）會工作，但它並沒有因爲它只是似乎想在衆目睽睽背景圖像垂直不管是什麼：

html { 
    background: url(http://lolcat.com/images/lolcats/1338.jpg) no-repeat center center fixed; 
    -webkit-background-size: auto 100%; 
    -moz-background-size: auto 100%; 
    -o-background-size: auto 100%; 
    background-size: auto 100%; 
    }

來源

2017-04-10 lolikols

啊哈，所以基本上，當你調整窗口的大小，你想要的形象是完全靜止的 - 但在靠窗區域 –

同時裁剪可能是一個好主意，[閱讀文檔（HTTPS：/ /developer.mozilla.org/en-US/docs/Web/CSS/background-size）您嘗試操作的屬性。那樣下次你就會明白了...... –

您可以顯式聲明背景的大小，使其不會調整大小。

html { 
    background: url(http://lolcat.com/images/lolcats/1338.jpg) no-repeat center center fixed; 
    -webkit-background-size: 1903px 2160px; 
    -moz-background-size: 1903px 2160px; 
    -o-background-size: 1903px 2160px; 
    background-size: 1903px 2160px; 
    }

來源

2017-04-10 17:35:13 Jpsh

就是這樣！謝謝！ – lolikols

這似乎工作，'封面'指令是什麼使其重新調整。

html { 
    background: url("https://c1.staticflickr.com/8/7271/7721541330_9fb7620608_h.jpg") no-repeat center center fixed; 
    }

來源

2017-04-10 17:38:50 Slabgorb

即使調整大小也能保持圖像全尺寸

回答

相關問題