我目前正在开发响应式设计网站原型。到目前为止一切都很好，但是对于一件我似乎只能在 Chrome 中重现的非常奇怪的事情。扩展窗口时，有时浏览器似乎被困在状态之间，显示重复的元素和两个滚动条 - 也就是说，直到我单击浏览器窗口之外的某个位置，然后一切都被重绘并且看起来很好。截屏：
我尝试了很多“技巧”来让 chrome 以编程方式“重新调整”界面，例如更改 body 元素的填充、修改 scrollY 位置以及大约 10 个左右，但似乎什么也没做诀窍。有人对这个有经验么？有什么建议吗？
问问题
1854 次
5 回答
1
这看起来像 Chrome 中的一个错误。
我搜索了 Chromium 的 bug，发现了一些类似的：
- 问题 516127：在浏览器上方移动时在 osx 上渲染工件（停靠栏、其他窗口等）
- 问题 473933：视觉渲染问题
- 问题 476909：页面未正确重绘
- 问题 245946：调整窗口大小时内容布局不正确
但实际上他们似乎都没有准确地描述你的问题。如果你也这么认为，你可以在这里报告你的错误。
请注意，这也可能与您的旧 Mac OS 版本甚至显卡有关。
于 2015-08-27T08:59:56.390 回答
0
我在使用 cordova（混合 html5/css3 移动平台）时遇到了同样的问题，当旋转设备时，内部浏览器没有正确刷新。我有一个包含固定位置的所有内容的 div。经过一些尝试，我使用了样式宽度/高度：100%，并且在旋转浏览器时正确刷新。
于 2015-03-03T16:59:11.303 回答
0
我猜你有一个视网膜显示器 Mac 和另一个连接的外部显示器？我有时会在我的设置中看到这一点，并暂时将其缩小到这种情况。仅使用本机屏幕时，我从来没有看到它，也没有在所有屏幕配置中看到它。
尝试仅使用内置屏幕时是否会发生这种情况。如果可行，请尝试切换哪个屏幕是主屏幕或完全切换到另一个外部屏幕。
抱歉没有修复，但也许它至少会让您更接近设置中的解决方案。
于 2015-04-08T11:12:11.980 回答
0
我支持检查已安装插件的建议，以防发生冲突。在谷歌的论坛上，这个问题已经出现过，并计划进行错误修复。在那里阅读时注意到，他们还删除了对通过 javascript 调整浏览器窗口大小的支持：/
于 2015-04-07T14:18:57.200 回答
0
<head>尝试在标签之后添加这个
<meta name="viewport"
content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
于 2014-10-07T10:17:25.650 回答