网站右侧的空白处

我的页面右侧有大量多余的空白（在移动设备上显示效果最佳）。网站右侧的空白处

我认为这是由保证金在某处引起的，但我似乎无法找到潜在的问题。

直播链接：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

网站右侧的空白处

回答

相关问题