在PWA中意外更改方向,但在移动Safari iOS中无意缩放

时间:2018-06-21 20:43:46

标签: mobile-safari progressive-web-apps pwa

我创建了一个Web应用程序,该Web应用程序在更改方向后在已安装的PWA和iOS上的常规移动浏览器中表现出不同的行为。当我将iPhone或iPad从纵向翻转为横向并再次翻转为纵向时,有时纵向会被放大(有时不会)。仅在已安装的渐进式Web应用程序(PWA)中会发生这种情况,而在普通的移动浏览器中查看时不会发生这种情况。此外,此行为仅在iOS PWA(iPhone和iPad)上发生,而在Android PWA中不发生。

您对此有何看法和/或可能的解决方法有任何想法?我已经尝试过disabling zoom on orientation change,针对不同的方向对css进行重新排序,在改变方向之前和之后将焦点设置为一个较大的常数div,并增加了默认字体/输入大小。

0 个答案:

没有答案