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

时间:2010-12-07 09:09:39

标签: html ipad safari portrait

我正在以HTML5格式在线发布免费图书,我说如果我能为iPad优化它会很棒,即使我没有。

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

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

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

由于

2 个答案:

答案 0 :(得分:17)

尝试添加

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

在你脑海里。

答案 1 :(得分:-1)

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

http://ipadpeek.com/