什么可能导致Chrome上的CSS样式问题在切换开发人员选项卡时解决?

时间:2015-01-26 23:35:35

标签: html css google-chrome

HTML和CSS相当大,所以我无法查明问题或发布一个好例子。当我在我的UI中切换时,css样式似乎打破了,最令人不安的是背景变为灰色。我想知道是否有人遇到过类似的问题。以下是我的一些条件。

-Chrome:Firefox& Safari工作正常

- 小屏幕:在较大的显示器上不会出现问题

- 打开和关闭开发人员控制台修复了问题

2 个答案:

答案 0 :(得分:0)

在没有看到某些代码甚至是小提琴的情况下尝试查明问题是很困难的,但是当您打开检查器时,页面正在调整大小,因此重新绘制(至少某些)元素。也有可能存在缓存问题 - 我相信默认情况下,当您打开检查器时,缓存被禁用,因此所有css和脚本都会再次下载。也就是说,如果你没有刷新页面它与检查员打开它不太可能那样。

当您打开检查员时,我的钱会在窗口上有效地调整大小,因此一些(如果不是全部)元素被强制重绘,从而重新展现他们的风格。

也许您可以使用Chrome的时间轴来检查时间过去时正在绘制的内容。尝试运行它并在其处于活动状态时打开检查器以尝试查看最新情况。

答案 1 :(得分:0)

看起来像webkit的长期错误(岁月):

How can I force WebKit to redraw/repaint to propagate style changes?

吸引我的解决方案是:

来自Force DOM redraw/refresh on Chrome/Mac

$('#body').hide().show(0);

强制重绘。