有没有办法让 iPad 在旋转后重新渲染网页？ [复制]答案

【问题标题】：Is there a way to get iPad re-render a web page after rotating? [duplicate]有没有办法让 iPad 在旋转后重新渲染网页？ [复制]
【发布时间】：2013-01-23 15:11:16
【问题描述】：

我们有一个网站，当设备旋转后显示在 iPad 上时，元素之间会出现间隙。如果页面被刷新，间隙会再次消失。

在这里找到了我正在尝试的这个问题（但在传回给客户之前没有 iPad 可以测试），所以我想问问是否有人可以就您是否可以给出明确的答案可以使用 JS 在旋转后强制页面重新渲染吗？

【问题讨论】：

题外话，但是：如果你开发一个网站并支持特定的设备，你应该有这个设备进行测试。

标签： css html rendering mobile-safari mobile-webkit

【解决方案1】：

您是否检测到方向变化？

你可能想看看这个问题： How do I correctly detect orientation change using javascript and Phonegap in IOS?

或这篇文章：

http://www.williammalone.com/articles/html5-javascript-ios-orientation/

然后要强制重绘，你可以看看这个问题：

Force DOM redraw/refresh on Chrome/Mac

在所有内容周围放置一个 div。

基本上你使用 window.onorientationchange 来检测变化。

然后当您检测到更改时，只需将主 div 上的显示设置为“无”，然后使用超时允许页面重绘，然后将其更改回可见，它将被重绘。

我还没有尝试过，但它应该可以工作。

【讨论】：

谢谢詹姆斯。结束了那个活动，现在工作很棒。
它does work.

【解决方案2】：

我喜欢它，我发现在 ios 平台上播放 boardcast 时页面旋转不会重新绘制；所以我在设备旋转时会重新绘制 cibleforcible bowser；

$('.w_wrap').hide();
        setTimeout(function(){
            $('.w_wrap').show();
        },20);

这个方法不好，所以我找到了这个（Force DOM redraw/refresh on Chrome/Mac）但我没有实践过

【讨论】：

这个答案很难理解，因为它是非标准英语。