响应式网页意外地将其元素拉伸到特定的屏幕宽度

Question

请您查看此网页：http://tagrig.herokuapp.com/ 当我将屏幕宽度从1424px调整到1423px时，我不确定为什么section标签中的内容会磁性连接到屏幕的右侧。我发现问题出现在Chrome和Firefox中。

我希望该部分始终保持在中间并留下边距，直到宽度减小到小于480px。

请您告诉我如何解决此问题。谢谢。

Answer 1

您的主包装超过100％宽度。 CSS：

.wrapper {
  width: 100%;
  margin: 0 5%;
}

使该元素的宽度达到110％。将宽度更改为90％;