iPad上的响应式设计只适用于一次

Responsive Design on iPad Works but Only Once

本文关键字：适用于 一次 响应 iPad      更新时间：2023-09-26

下面是完整的相关代码示例:http://pastebin.com/b7P5Hjt1

(请参阅本文下方的截图链接;所以只让我有两个链接)

然后，在第一次转弯后，所有的横向方向都不正确地缩放/缩放。我无论如何也弄不清楚问题出在哪里。我认为这可能是在方向完全调整之前发生的百分比计算，但我不知道如何测试，更不用说修复它了。

我在StackOverflow上找到了onOrientationChange函数，并链接到Apple文档。然而，那是一个多星期以前，我只有从帖子的代码，没有URL。

任何帮助，问题，或澄清是感激的!

TL;DR:您需要将updateOrientation函数绑定到窗口的方向更改事件，而不是文档的主体。

在第201行，设置onorientationchange事件来触发updateOrientation函数。相反，你应该将窗口的方向改变绑定到你的函数中。

window.onorientationchange = function() { updateOrientation(); }

示例如下:我如何正确地检测方向变化使用javascript和Phonegap在IOS?

我解决了这个问题。我做了以下操作:

改变

初始= 1.0,user-scalable = no

user-scalable =没有

显然，初始的缩放，加上用户可伸缩，不允许它调整大小。然后，我在updateOrientation函数的末尾添加了以下内容:

$(".container"). css("宽度",(窗口)美元.width () + px);

我不知道两者是否都需要，但两者都有效。希望能有所帮助!

相关文章：