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

【问题标题】：How to force iPad Safari not to scale down my web page in portrait mode?如何强制 iPad Safari 不在纵向模式下缩小我的网页？
【发布时间】：2011-05-21 11:19:00
【问题描述】：

我正在在线出版一本 HTML5 格式的免费书籍，我说如果我可以针对 iPad 优化它会很棒，即使我没有。

所以我开始着手设计，这个想法一直在我脑海中。我做了这个设计只是为了让 iPad 屏幕适合纵向模式，然后我尝试对其进行测试，我发现 Safari 正在缩小整个网站以将页面适应它的屏幕，这搞砸了我的设计并让我生气（我的糟糕我没有'不要做太多研究）并且Apple不会让我拥有iPad模拟器，因为我没有Mac！

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

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

谢谢

【问题讨论】：

标签： html ipad safari portrait

【解决方案1】：

尝试添加

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

在你的脑海中。

【讨论】：

这会产生（有时是不幸的）副作用，即导致 iPhone 无法放大内容以便阅读。
非常适合全屏地图！
如果缩放被禁用，它没有副作用。 "user-scalable = no" 防止这种情况发生。如果您希望缩放保持不变，只需省略该部分即可。
适合我...（初始加载时没有缩放）

【解决方案2】：

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

http://ipadpeek.com/

【讨论】：

那个“iPad 模拟器网站”只不过是一个带有皮肤的 iFrame，它没有特定的 iPad CSS 并且呈现完全不同。如您所知，它可能在那里工作得很好，但在 iPad 上却完全不同。