css - 背景太寬

Question

我的css網站的小問題。我將我的PS設計轉換爲html5和css3網站，看起來，我的頁面頂部和底部的背景圖片太大（1600px）。如果我想保留整個網站的外觀和感覺，我該怎麼做？

Answer 1

這將是巨大的，如果你的問題是有點清晰，但這裏有雲：

怎樣一個網站被認爲在很大程度上取決於屏幕的分辨率訪問者使用。例如，用戶A的分辨率可能爲1920 x 1080.這意味着他們可以輕鬆查看您的所有網站。而另一個用戶可能只有1024×768，這顯然不夠大，看不到1600個像素！

爲了解決這個問題，很大程度上取決於您網站的設計，背景是可以重複的東西（例如漸變），還是像天際線那樣有點棘手？

如果很簡單，您可以使用CSS重複水平，垂直或兩者的背景。

您還可以使用CSS（例如頂部中心）來定位背景，這將以背景爲中心，在保留中間部分的同時切斷屏幕邊緣的邊緣。

在CSS3中，您還獲得了一個名爲「background-size」的屬性，它允許您定義背景如何反應。有幾個值這個可以有，它們是：

• 蓋 - 這樣可以確保整個圖像配合在它的容器（使整個圖像是可見的）。
• 包含 - 這使圖像適合整個容器，因此它的部分可能不可見。
• dimensionx dimensiony - 如果您指定一個值/百分比，第一個值/百分比將是寬度，第二個是高度。如果只提供一個，則用於寬度，高度設置爲自動。

請注意，所有瀏覽器都不支持background-size。

的背景大小的演示：http://davidwalsh.name/demo/background-size.html

Answer 2

你讓你的CSS像下面

body, elementID, elementClass{ 
    margin: 0px; 
    width: 100%; 
} 

無論是用戶，您的網頁或股利或容器將適合屏幕的屏幕分辨率。