車身寬度100％問題

Question

我的body選擇器有問題。 當我讓我的窗戶變小時，它不會將車身寬度保持在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

Answer 1

您在身體內部設置了寬度。 例如，您的導航寬度為1060px，main_bg div也是如此。

Answer 2

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

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

保證金設置為1040px和width: 150px使您的橫幅總寬度為1190px ，比網站的其余部分寬。
我假設你在你的橫幅上使用了position: absolute來避免這個問題，但這還不足以使它像你想要的那樣工作。
您可以在此處詳細了解此問題的解決方案。

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

Answer 3

子div未設置為流體寬度。 如果將CSS“width”更改為“max-width”，您將有機會看到布局在不同屏幕寬度下的變化情況。 您的CSS肯定會有進一步的更新，但這將幫助您入門。

Answer 4

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

這可以幫助您，當文檔調整大小時，此回調將正文寬度重置為文檔寬度的100％。