2

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

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

4

2 回答 2

0

您是否检测到方向变化？

您可能想看看这个问题： 如何在 IOS 中使用 javascript 和 Phonegap 正确检测方向变化？

或这篇文章：

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

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

在 Chrome/Mac 上强制 DOM 重绘/刷新

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

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

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

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

于 2013-01-23T15:20:53.543 回答
0

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

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

这不是好方法，所以我发现了这个（<a href="https://stackoverflow.com/questions/8840580/force-dom-redraw-refresh-on-chrome-mac">Force DOM redraw/refresh on Chrome /Mac）但我没有实践过

于 2014-07-22T10:31:43.963 回答