Question

我目前正在开发一个响应式设计网站原型。到目前为止一切都那么好，但对于一个非常奇怪的事情，我似乎只能在Chrome中重现。在扩展窗口时，有时浏览器似乎陷入状态之间，显示重复的元素和两个滚动条 - 也就是说，直到我点击浏览器窗口的外部，然后一切都被重绘并且看起来只是精细。截图：

enter image description here

我已经尝试了大量的“技巧”来让chrome以编程方式“重新点击”界面，例如更改body元素的填充，修改scrollY位置，以及大约10个左右，但没有似乎可以做到这一点。有人对这个有经验么？有什么建议吗？

Answer 1

这看起来像Chrome中的错误。

我搜索了Chromium的bug，发现了一些类似的东西：

但实际上他们似乎都没有完全描述你的问题。如果您也这么认为，可以report your bug here。

请注意，这可能与您的旧Mac OS版本甚至是显卡有关。

Answer 2

尝试在<head>代码

之后添加此内容

<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">

Answer 3

我在使用cordova（混合html5 / css3移动平台）时遇到了同样的问题，在旋转设备时内部浏览器没有正确刷新。我有一个div包含固定位置的所有东西。经过一些尝试，我使用样式宽度/高度：100％，并在旋转浏览器时正确刷新。

Answer 4

我建议检查安装的插件，以防出现冲突。在谷歌的论坛上看，问题出现之前，并计划修复错误。在阅读时注意到他们还通过javascript删除了对浏览器窗口大小调整的支持：/

Answer 5

我猜你有一个视网膜显示器Mac和另一个外接显示器连接？我有时会在我的设置中看到这一点，并暂时将其缩小到这种情况。当我只使用原生屏幕时，我从来没有看到它，也没有在所有屏幕配置中使用。

尝试查看仅使用内置屏幕时是否会发生这种情况。如果可行则尝试切换哪个屏幕是主屏幕或完全切换到另一个外部屏幕。

很抱歉没有修复，但也许它会让你更接近设置中的解决方案。