引导程序未检测到col-lg和col-md屏幕尺寸之间的屏幕尺寸变化

Question

I am not able to figure out why this is happening, I am working on a fluid layout which is fluid till 1366px screen size and after that it is fixed, except header.

Now if I change my screen size anywhere between 1200px to 1366px then it does not make any change in html elements and instead a horizontal scroll bar appears. If I go beyond 1200px to anywhere till 300px or something it scales very well. But I don't know why is it having issue between 1200 to 1366px screen size.

ISSUE: I don't want horizontal scroll bar to come between 1200px to 1366px and make content scale accordingly, as it scales for other screen size.

And this issue is not on a single page, it is on complete website. You can see this issue happening on this website Winni.in

Any idea, where I am going wrong?

Answer 1

The issue appears because you have this declaration in your CSS

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

Which means that starting from screen width 1200, the div will be 1330px. Just change it to 1200px or 100%, depending what result you want to achieve.