Q

有没有办法让iPad在旋转后重新呈现网页？

2013-01-23 29 views 2 likes

2

我们有一个网站，在设备旋转后，在iPad上显示时在元素之间会出现间隙。如果页面刷新，则间隔再次消失。有没有办法让iPad在旋转后重新呈现网页？

在这里我发现这个问题，我想（但没有一个iPad在回传给客户端之前测试），所以想我会问，看看是否有人可以给出明确的答案是否你可以强制页面重新渲染后旋转，使用JS？

2013-01-23 TobyG

+0

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

A

回答

0

您是否在检测方位变化？

你可能想看看这个问题： 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上的显示设置为'none'，然后使用超时来重新绘制页面，然后将其更改回可见状态，然后重绘。

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

2013-01-23 15:20:53

+0

谢谢詹姆斯。结束了对这个事件的讨论和工作现在很棒。 – TobyG

+0

It [does work]（http://stackoverflow.com/questions/7919172/what-is-the-best-method-of-re-rendering-a-web-page-on-orientation-change/31357325#31357325 ）。 –

0

我解决了它，我发现页面旋转时不会重画boardcast在ios平台中显示; 所以我cibleforcible库巴重绘当设备旋转;

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

这是不好的方法，所以我觉得这（Force DOM redraw/refresh on Chrome/Mac），但我并没有练习

2014-07-22 10:31:43 memoryza

+2

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

相关问题