如何强制 iPad Safari 在纵向模式下不缩小我的网页?

发布于 2024-10-06 21:09:17 字数 459 浏览 10 评论 0原文

我正在在线发布一本 HTML5 格式的免费书籍,我说如果我能针对 iPad 优化它那就太好了,尽管我没有 iPad。

所以我开始进行设计,这个想法一直在我的脑海里。我的设计只是为了在纵向模式下适合 iPad 屏幕,然后我尝试测试它,我发现 Safari 正在缩小整个网站以适应其屏幕,这搞砸了我的设计并让我生气(我的坏处是我没有不要做太多研究),苹果不会让我有 iPad 模拟器,因为我没有 Mac!

无论如何..有什么方法可以迫使 Safari 忽略这种行为并让我的读者享受我的 1:1 比例设计吗?像 CSS 媒体查询或一些 javascript 之类的东西?

http://mmahgoub.com/thebook/foreword. html

谢谢

I am publishing a free book online in HTML5 format and i said it would be great if i could optimize it for the iPad even though i don't have one.

So i started working on the design and that idea was in my head all the time. I made the design just to fit the iPad screen in portrait mode, then i tried to test it and i discovered that Safari is scaling down the whole website to fit pages into its screen which screwed my design and pissed me off (my bad i didn't do too much research) and Apple won't let me have an iPad emulator cause i don't have a Mac!!

Anyway.. is there is any way i could force Safari to ignore that behavior and let my readers enjoy my 1:1 scale desgin? something like CSS media query or some javascript?

http://mmahgoub.com/thebook/foreword.html

Thanks

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

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

发布评论

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

评论(2

帅哥哥的热头脑 2024-10-13 21:09:17

尝试

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">

在你的脑海中添加。

Try adding

<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=no, width=device-width">

in your head.

夜声 2024-10-13 21:09:17

这是您可以使用的在线 iPad 模拟器。它不是 Xcode,但仍然很有用。

http://ipadpeek.com/

Here is an online iPad simulator that you you can use. It's not Xcode, but it is useful nonetheless.

http://ipadpeek.com/

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