视口在滚动时不断调整大小

Question

我是响应式设计的新手，我遇到了滚动的奇怪问题。似乎每次滚动时，视口似乎都会继续重新调整大小。我尝试使用<meta name="viewport" content="width=device-width">初始比例设置为1，但没有用。我也在使用媒体查询。

我还做了一个测试，我关闭了所有内容并使用jQuery使用警报检测重新调整大小的事件。放大缩放并尝试滚动并获得视口重新调整大小警报。我还注意到，滚动后，滚动条将闪烁两次，表示正在进行大小调整事件。

好像我在设置中遗漏了一些东西。

有什么想法吗？

Answer 1

视口确实正在重新调整大小，因为滚动时浏览器栏会隐藏或显示。

如果你依赖于“真正的”调整大小事件，你可以检查宽度是否已经改变。