Question

我的页面右侧有大量多余的空白（在移动设备上查看时效果最佳）。

我认为这是由某个地方的保证金权利引起的，但我似乎无法找到根本问题。

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

Answer 1

我发现了两个问题：

首先，＃weeklyearningschartimage图像的宽度应为100％，以便它与父级一起调整大小。这应该可以解决移动设备上的大部分额外空白区域。

修好后，您可能会注意到右侧仍有一小部分空白区域（即使在桌面上）。这是因为.row元素没有包含在.container-fluid

中

点击此处查看正确的网格HTML结构：http://getbootstrap.com/css/#grid

Answer 2

我想问题的一部分是......

<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;
}

您正在向行的左侧和右侧添加填充，这可能会让您溢出。

Answer 3

是的，我看到您网站上有什么问题，请参阅您的代码

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

您编写的homepage-text课程max-with: 700px;请用％（80-90）来修复。

网站右侧的空白

3 个答案: