iOS Safari 更改方向时出现白屏闪烁问题

Question

iOS Safari 更改方向时出现白屏闪烁问题

iphoneiosgoogle-chromesafarimedia-queries

3

当iPhone使用iOS 6系统从竖屏切换到横屏时，响应式设计的右侧会出现闪烁的白色。这是什么原因造成的呢？尝试在Safari for iOS 6上操作以下两个网站：1.类似http://html5boilerplate.com这样的网站不会出现；2.但是http://www.initializr.com这个网站会出现。是因为重新处理（CPU延迟）以适应更宽的屏幕所致吗？在Chrome for iOS 6中不会出现这种情况...

例如，我刚刚从自己的测试网站中删除了所有的img并将<body>、<html>等的背景设置为非白色，但它仍然发生。这似乎在很多不同的网站上都会发生，但其他网站完全没有受到影响... 这可能是网站上的问题，还是iOS Safari的一个bug？

- Baumr

Webkit Flash。Chrome 也有问题。 - Fiasco Labs

有趣的是，在这种情况下：Chrome可以工作。 - Baumr

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Kim Hogeling · Answer 1

这是由于http://www.initializr.com/的头部元素在改变方向时（消失）出现。它强制头部调整大小，下面的元素被推下来。这会导致DOM的重绘，从而在iOs上引起短暂的白色闪烁。