如何将 iPad 和 iPhone 的网页方向固定为仅纵向?

发布于 2024-12-14 05:37:25 字数 190 浏览 0 评论 0 原文

我已经为 iPad 开发了一个网络应用程序/网站,但我无法让它仅停留在固定的纵向视图中。

由于应用程序的设计方式,我不希望它旋转并在横向模式下工作。

我已经尝试了视口设置的各种配置,但仍然不起作用。

我不太擅长 JavaScript,所以最好使用复制粘贴选项或 CSS/HTML 中的选项。

提前致谢。

I have developed a web app/website for the iPad but I can not get it stay in a fixed portrait view only.

I do not want it to rotate and work in landscape mode, because of the way the app has been designed.

I've tried various configurations of the viewport settings but that still has not worked.

I'm not very good at JavaScript so a copy paste option would be best or something in CSS/HTML.

Thanks in advance.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

迷鸟归林 2024-12-21 05:37:25

不幸的是,没有办法在 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.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文