網站右側的空白處

我的頁面右側有大量多餘的空白（在移動設備上顯示效果最佳）。網站右側的空白處

我認爲這是由保證金在某處引起的，但我似乎無法找到潛在的問題。

直播鏈接：http://185.123.96.102/~kidsdrum/moneynest.co.uk

來源

2016-03-29 Sam Jefferies

我發現了兩個問題：

首先，#weeklyearningschartimage圖像應該有100％的寬度，使其與父調整大小。這應該可以解決手機上大部分額外的空白。

解決該問題後，您可能會注意到右側仍有一小部分空白（即使在桌面上）。這是因爲.row元素在一個.container流體

檢查包裹這裏的固有網格HTML結構：http://getbootstrap.com/css/#grid

來源

2016-03-29 16:13:31

謝謝你看看，這是我從頭開始建立的第一個網站，所以我可能會有點rope！！ –

你也可以使用引導類.img響應 http://getbootstrap.com/css/#images –

謝謝，我已經把所有的行放在div的行類中，並把它們放到容器流體分類的div這似乎已經阻止了空白顯示，但內容不再是流暢的頁面右側，它被略微切斷了？ –

我想象中的問題的一部分是...

<div class="row richard"> 

.richard { 
    background-color: #232323; 
    color: white; 
    font-size: 130%; 
    padding: 2%; <-------- This applies to left and right as well 
    font-weight: bold; 
}

您添加填充到行可能會給你溢出的左側和右側。

來源

2016-03-29 16:12:37

是的，我明白了什麼是錯在你的網站上，看到你的代碼

<div class="row light-section"> 
    <div class="col-sm-12"> 
    <div class="col-sm-12 homepage-text">

該類別homepage-text您已寫入max-with: 700px;請修正它%%（80-90）。

來源

2016-03-29 16:24:48

網站右側的空白處

回答

相關問題