如何将 iPad 和 iPhone 的网页方向固定为仅纵向?
我已经为 iPad 开发了一个网络应用程序/网站,但我无法让它仅停留在固定的纵向视图中。
由于应用程序的设计方式,我不希望它旋转并在横向模式下工作。
我已经尝试了视口设置的各种配置,但仍然不起作用。
我不太擅长 JavaScript,所以最好使用复制粘贴选项或 CSS/HTML 中的选项。
提前致谢。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
不幸的是,没有办法在 Mobile Safari 中明确“锁定”网络应用程序的方向,您也可以从 Alex 在评论中发布的链接中看到:
如何在 iPhone Web 应用程序中将方向锁定为纵向模式?< /a>
但是,您可以有多个针对不同屏幕方向的 CSS 文件。有一个方便的 JavaScript 片段,您可以将其复制粘贴到此处:
http://www.catswhocode.com/blog/10-useful-code-snippets-to-develop-iphone-Friendly-websites
这至少应该允许您围绕旋转进行设计,无需使用 JS,而只需使用 CSS。
Unfortunately, there is no way to explicitly "lock" the orientation of a web-app in Mobile Safari, as you can also see from the link that Alex posted above in the comment:
How do I lock the orientation to portrait mode in a iPhone Web Application?
However, you can have multiple CSS files for different screen orientations. There's a handy JavaScript snippet that you can copy-paste here:
http://www.catswhocode.com/blog/10-useful-code-snippets-to-develop-iphone-friendly-websites
This should at least allow you to design around the rotation without having to use JS but just CSS.