忽略方向

Question

我正在为iPhone构建一个Web应用程序。由于应用程序在不同的方向显示不同的内容，因此两个方向之间的内置动画也会动画原始内容。

为了获得更好的效果，我想禁用纵向和横向之间的动画。有没有办法做到这一点的Web应用程序？

我检查了<meta>标签，但没有相关标签。

感谢您的帮助！

Felix

Answer 1

我不认为这是可能的。唯一的选择是在使用视口时处理方向。

从文档（这里找到：http://developer.apple.com/safari/library/documentation/appleapplications/conceptual/Dashcode_UserGuide/Contents/Resources/en.lproj/Dashcode_UserGuide.pdf），它规定：

视窗
当他们使用它的用户可以如何看待 您的移动Safari Web应用程序 本节控制值iPhone或iPod 触摸。当用户将设备 从纵向更改为 横向时，网页可以缩放到适合新屏幕方向的 。该 两个选项为定向值 是：

“调整页面宽度以适合”当你选择了这个选项，你的web 应用程序调整大小（即 增加或减少宽度）时 设备方向更改。这 选项通常会建议 移动Safari浏览器的Web应用程序， ，因为它增强了用户的感知 Web应用程序作为 独立的应用程序，而不是一个 网页。

“缩放页面以适应。”当你选择这个选项，您的移动 Safari Web应用程序的宽度不会改变 当设备方向的变化， 但规模一样。换句话说， Web应用程序 的内容会出现一个大一点的。你可能 要选择此选项，如果你的Web应用程序 具有复杂布局 ，你不希望在宽度 当设备方向的变化而变化。

一个例子：

<meta name="viewport" content="width=device-width, maximum-scale=1, minimum-scale=1.0"> 

BR，
保罗Peelen