2016-04-06 147 views
0

我要讓我的網站響應了很多屏幕的冗餘空間,而不會引導只是@media +代碼CSS3如何刪除響應網站

都認爲是正確的,正確的,但在手機的尺寸,這是工作但我有一個小問題

我有多餘的空間,我想刪除他的網站和解決問題的

圖片:

  • 網站:

http://www.shy22.com/upfilpng/xv854884.png

  • 問題:

http://www.shy22.com/upfilpng/nc854884.png

代號CSS:

@media only screen and (max-width : 320px) { 
 

 
.players { 
 
    margin: -89px 0px 0px -21px; 
 
} 
 

 
.logo { 
 
\t margin: -62px 0px 0px 49px; 
 
} 
 

 
.publicity { 
 
\t display: block; 
 
\t width: auto; 
 
\t height: 65px; 
 
\t background: #FFF url("img/pubb1.png") no-repeat scroll center top; 
 
\t margin-top: 320px; 
 
\t } 
 

 
}

+0

這是來自Firefox的移動開發工具的水平滾動條 – dippas

+0

您還需要顯示與此代碼對應的HTML。另外,試着更好地解釋這個問題。另外,嘗試在你的元素中添加'border:1px solid red'以更好地理解盒子模型。 – light

+0

@light我製作邊框,它佔據了所有頁面:'(我在玩家中遇到了問題,因爲如果我刪除了他們的所有人,都會認爲是正確的 – sayousaad

回答

0

大概有一個元素溢出到右邊,你有兩個解決方案:

  • 檢查所有元素,並找到一個溢出
  • 應用的overflow-x:hidden;爲HTML和body標籤