5

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

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

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

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

谢谢

4

2 回答 2

17

尝试添加

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

在你的脑海里。

于 2010-12-07T09:27:04.350 回答
-1

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

http://ipadpeek.com/

于 2011-01-11T21:16:31.523 回答