可能重复：
防止 iOS Safari 中的方向更改
我有一个 HTML 5 网站，其中包含适用于 iPhone、iPad 和 Android 平板电脑的 C# 代码，只能在横向模式下查看，而不能在纵向模式下查看。
如果用户将任何设备的方向更改为纵向模式，即使这样，网站也应该只处于横向模式。
问问题
545 次
2 回答
0
如果没有外部帮助应用程序，则无法从 Web 浏览器更改或冻结设备方向。锁定装置的整个想法似乎需要重新考虑和重新设计。这是您可以使用的一种方法。
我认为这不是对您的网站重要的设备方向，而是其内容中的横向设计。对于此要求，您应该将整个站点内容放入一个容器中，该容器必须始终缩放以填充浏览器窗口 ( width:100%) 并保持其高度与宽度的所需纵横比。
在横向的设备方向中，您的站点将照常运行。在纵向模式下，如果垂直对齐容器，内容将按比例缩小到当前宽度，在浏览器窗口的顶部和底部有黑色区域（很像在 4:3 屏幕上观看 16:9 电影时）。
如果您可以负担得起您的内容在窗口顶部对齐（下方有较大的黑色区域），您可以通过指定元视口将整个缩放过程委托给浏览器本身：
<meta name="viewport" content="width=device-width">
如果它不适合您的需求，那么如果您提供有关站点细节的更多信息将会很有帮助。
于 2012-12-10T08:16:38.533 回答
0
您不能在 WebView 内旋转您的网站，因此您需要在横向模式下锁定当前视图旋转。这样，此页面上的所有内容都将是横向的，包括您的网站。我认为这是唯一的解决方案。
于 2012-12-10T07:57:28.967 回答