小型设备或窗口上的空白右侧屏幕答案

【问题标题】：Blank space right side screen on small device or window小型设备或窗口上的空白右侧屏幕
【发布时间】：2015-12-15 09:07:03
【问题描述】：

我的网站有问题，当我在宽度：450px 下调整窗口大小时出现一些空白空间，并且空间变得越来越小是窗口。在某些手机上确实是个问题。但是，我需要向右滚动才能在 pc 上查看 firefox 或 chrome 上的空间。最糟糕的是，我手机的原生浏览器没有空间......（android）。

网站：start-track.fr

它是法语，但我们都说同一种语言，HTML 和 CSS。 :)

代码很大，如果真的有帮助，我会编辑它。

编辑：截图：

【问题讨论】：

【解决方案1】：

在您的媒体样式表中更改宽度：

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

【讨论】：

很好的答案，你能解释一下你是怎么找到问题的吗？我已经找了好几个小时了……
当然。我首先在 chrome 开发工具中启用了切换设备模式。然后我开始删除每个父节点，每次检查问题是否仍然存在。当我了解到问题出在页脚时，我使用相同的方法将其缩小到版权文本块。完成后，检查元件和吊杆，宽度必须减小。很高兴我能帮上忙。请通过单击答案旁边的复选框将此答案标记为已解决。干杯。
我也找到了诀窍，但谢谢。我认为开发工具就足够了。 ^^

【解决方案2】：

1)在响应式网站中，不建议使用像素宽度，而是使用百分比。

2)激活工具开发者(F12)，并尝试查看哪个元素是宽的，因为他，浏览器激活了overflow-x滚动。

3)找到有问题的元素后，缩小他的宽度。

如果有问题请告诉我

【讨论】：