orientationchange和resize事件的问题 - 在所有移动浏览器中都无法正常工作

时间:2013-04-12 16:47:58

标签: javascript android html5 web-applications mobile

我试图告诉移动网站上的屏幕尺寸何时发生变化。问题是每个浏览器以不同的方式实现它。我以为我可以检查orientationchange支持并使用它但是回到调整大小事件,但这会导致以下问题:

  • 在Dolphin HD中,orientationchange为我提供了上一个方向
  • 的宽度

例如,在肖像中它是384,横向是589.如果我从肖像旋转到横向,它将向窗口报告方向更改。内部宽度为384,这是肖像。如果我然后旋转到肖像,它会报告589,这是风景的宽度!

  • 如果我使用resize事件,则会被调用三次!

这种情况发生在Chrome,Firefox中。所以它可能是一个Android问题。它确实在第三次调用时以正确的宽度结束但在此之前它的宽度不同,因此它会导致我的代码多次调整大小。那不是很敏感。

解决方案是什么?

0 个答案:

没有答案