在 iOS Safari 上更改方向时闪烁白色答案

【问题标题】：Flash of white when changing orientation on iOS Safari在 iOS Safari 上更改方向时闪烁白色
【发布时间】：2012-11-18 18:54:33
【问题描述】：

在装有 iOS 6 的 iPhone 上将方向从纵向更改为横向时，响应式设计的右侧出现白色闪烁的原因是什么？

在适用于 iOS 6 的 Safari 上试用：

与重新处理（CPU 延迟）以适应更宽的屏幕有关吗？

在 iOS6 的 Chrome 中不会发生这种情况...

例如，我刚刚从我自己的测试站点中删除了所有img，并将<body>、<html> 等的背景设置为非白色，但它仍然会发生。这似乎发生在许多不同的网站上，但其他人完全不受它的影响......

这可能是网站上的某个人的问题，还是 iOS Safari 的错误？

【问题讨论】：

【解决方案1】：

那是因为http://www.initializr.com/ 的标题中的元素在更改方向时会出现（dis）。它强制标题调整大小，并将下面的元素向下推。这会导致 DOM 重绘，从而导致 iO 上出现短暂的白色闪烁。

【讨论】：

标题在 iPhone 4 上不会消失
对于“（dis）出现的元素”，我的意思是<div id="follow-container">。但在 iPhone 4 上，该 div 根本不会显示。但确实发生的是，<h2> 分成 2 行。这具有相同的效果：标题调整大小，它下面的元素被下推，DOM 被重新绘制