完整背景瀏覽器中任何分辨率的圖片尺寸

我正在嘗試創建一個完整的background網站。現在我正在使用1920*1080 resolution屏幕。但是我必須適應任何分辨率的背景。我用下面的CSS完整背景瀏覽器中任何分辨率的圖片尺寸

html { 
    background:#65b5cc url(webbg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    }

但這不是重新大小時，瀏覽器重新大小，還有一個疑問是我使用的背景爲jpg圖像尺寸，背景是1627 * 768。這是正確的尺寸。我想顯示矢量類型的圖紙作爲我的背景，所以想要以較小的尺寸獲得最大的質量。引導我。

感謝

來源

2014-09-04 shyama

嘗試背景尺寸：100％; – Sunand 2014-09-04 05:43:31

謝謝你的工作..你能告訴知府背景圖片大小（jpg圖片大小） – shyama 2014-09-04 05:48:21

Use this property "background-size:100%"

來源

2014-09-04 05:49:14 user3074446

你能告訴知府背景圖片大小（jpg圖片大小） – shyama 2014-09-04 05:53:22

使用圖片大小max 1920 X 800px。對於所有將在身體上表現完美的決議。 – user3074446 2014-09-04 06:05:38

試試這個：

html, body { 
    background: url(http://placeskull.com/100/100/) no-repeat center center fixed #65b5cc; 
    // Make sure your SVG image expands to the whole window/page. 
    background-size: 100% 100%; 
}

如果使用SVG圖像，它的實際尺寸並不重要，因爲它是一個矢量文件，所以它可以擴展到任意大小而失去質量。

See Example

來源

2014-09-04 05:50:33 Oriol

：你能告訴知府背景圖像大小（jpg圖像大小） – shyama 2014-09-04 05:52:46

完美的是什麼？如果塊尺寸爲200x200像素，那麼完美的將是分辨率爲200x200像素的圖像。 – neilhem 2014-09-04 05:56:30

對於非矢量圖像，圖像越大，分辨率/質量越好。但這是以犧牲性能爲代價的：更大的文件大小。如果可能，請使用SVG文件，否則請使用目標受衆屏幕尺寸的平均尺寸。 – Oriol 2014-09-04 06:03:21

完整背景瀏覽器中任何分辨率的圖片尺寸

回答

相關問題