Question

我无法弄清楚为什么会发生这种情况，我正在开发一种流畅的布局，直到1366px的屏幕尺寸，之后它被固定，除了标题。

现在，如果我将屏幕大小更改为1200px到1366px之间的任何值，那么它不会对html元素进行任何更改，而是会出现水平滚动条。如果我超过1200px到任何地方，直到300px或其他东西，它可以很好地扩展。但我不知道为什么在1200到1366px屏幕尺寸之间出现问题。

问题：我不希望水平滚动条介于1200px到1366px之间，并相应地调整内容比例，因为它会缩放其他屏幕尺寸。

这个问题不在一个页面上，而是在完整的网站上。您可以在此网站Winni.in

上看到此问题

任何想法，我哪里出错了？

Answer 1

出现此问题是因为您在CSS中有此声明

@media (min-width: 1200px)
  .container {
    width: 1330px;
  }
}

这意味着从屏幕宽度1200开始，div将是1330px。只需将其更改为1200px或100％，具体取决于您想要达到的结果。