身體寬度100％問題

我的body選擇器有問題。當我把窗戶變小時，它不會將身體寬度保持在100％，我也不知道爲什麼。身體寬度100％問題

body 
{ 
    margin:0px !important; 
    background:url(../images/bg.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    width:100%; 
    height:100%; 
}

當我使窗口變小因爲身體不是整個寬度時，這會產生頁腳錯誤。

我無法添加圖片顯示，因爲我沒有10代表，但你可以在以下鏈接查看並進行窗口小： http://websoftit.ro/lackoflove/about.php?active=1

我不希望我的網站來響應我希望我的身體在任何分辨率下都達到100％。這裏有圖片和問題的鏈接，當我使窗口變小時：i.imgur.com/70sj43G.png i.imgur.com/OgMZVxa.png

來源

2013-12-16 user3058067

張貼照片imgur和分享網址 – Zword

你在身體內設置了寬度。例如，您的導航寬度爲1060像，您的main_bg div也是如此。

來源

2013-12-16 17:33:54

子div沒有設置爲流體寬度。如果將CSS「寬度」更改爲「最大寬度」，您將有機會了解佈局如何在不同的屏幕寬度下進行更改。你的CSS肯定會有進一步的更新，但這會讓你開始。

來源

2013-12-16 17:41:19 JonathanR

的問題實際上是由div#banner，它具有以下樣式引起的：

#banner { 
    position: absolute; 
    width: 150px; 
    margin-top: 5px; 
    margin-left: 1040px; 
}

邊距設置爲1040px與width: 150px放在一起會引起你的旗幟有1190px總寬度，比網站的其餘部分更寬。
我假設您已在您的橫幅上使用了position: absolute以避免此問題，但這還不足以使其按照您的要求工作。
您可以閱讀更多關於此問題的解決方案here。

注：上述解決您的問題，但不會有助於使你的網站響應。
如果響應式設計是你的目標（你沒有說這個，我只是猜測它可能就是這樣），我建議看一些教程來獲得基本規則等。
還有響應框架，如Bootstrap或Zurb Foundation，可幫助製作響應式網站。

來源

2013-12-16 17:44:08

我不希望我的網站響應我只想我的身體在任何決議100％。這裏是圖片和問題的鏈接，當我使窗口變小時：http://i.imgur.com/70sj43G.png http://i.imgur.com/OgMZVxa.png – user3058067

嘗試從鏈接中獲得解決方案我發佈了，對我來說，它的工作原理，但我不知道這是你想實現的。 –

document.onresize = function() { 
    document.body.style.width = document.body.scrollWidth+"px"; 
}

這可以幫助您，當文檔被調整大小時，此回調重置主體寬度爲文檔寬度的100％。

來源

2015-07-28 08:00:03

身體寬度100％問題

回答

相關問題