小設備或窗口上的空白右側屏幕

我在我的網站上有一個問題，當我調整寬度下的窗口大小時會出現一些空白空間：450px，並且空間越小窗口越小。這在某些手機上確實是一個問題。不過，我需要滾動到右側，以查看在PC上的Firefox或Chrome上的空間。最糟糕的是，我的手機本機瀏覽器沒有空間......（android）。小設備或窗口上的空白右側屏幕

網站：start-track.fr

這是在法國，但我們都講同一種語言，HTML和CSS。 :)

代碼很安靜，所以我會編輯它，如果它真的有幫助。

編輯：截圖：

來源

2015-12-15 Valentin BEAULE

您在頁面上設置了一些寬度超過450px的元素。嘗試'overflow：hidden;'來查看它是否爲真。 – Morpheus

你可以在這裏發佈屏幕截圖和瀏覽器細節嗎？ –

請不要在標題中編輯「解決」一詞。相反，請點擊最有幫助的答案旁邊的複選標記來接受答案。有關更多信息，請參閱[幫助中心]（http://stackoverflow.com/help/someone-answers）。 –

改變寬度在你的媒體樣式表：

@media screen and (max-width: 550px) 
 
#copy { 
 
    height: 12%; 
 
    bottom: 10px; 
 
    width: 178px; 
 
    left: calc(50% - 75px); 
 
}

來源

2015-12-15 09:41:17 Ashwin

優秀的答案，你能解釋你是如何找到問題的嗎？我已經找了好幾個小時... –

當然。我首先在chrome開發工具中啓用了切換設備模式。然後我開始刪除每個父節點，每次檢查問題是否仍然存在。當我明白問題出現在頁腳中時，我用同樣的方法將其縮小到版權文本塊。一旦完成，檢查元素和繁榮，寬度必須減少。很高興我有幫助。請點擊回答旁邊的複選框，將此答案標記爲已解決。乾杯。 – Ashwin

我也找到了訣竅，但謝謝。我認爲開發工具就足夠了。 ^^ –

1）在響應網站它不推薦使用寬度與像素，請改用百分比。

2）激活工具開發人員（F12），並嘗試查看哪個元素很寬，並且因爲瀏覽器激活了overflow-x滾動。

3）找到有問題的元素後，減小其寬度。

如果您有問題，請告訴我

來源

2015-12-16 19:05:08 Lax

小設備或窗口上的空白右側屏幕

回答

相關問題