在我开始之前，我会先说我不是一位经验丰富的网络开发人员！
我正在撰写此网站：http://leydencarcentre.co.uk
在桌面浏览器上看起来很合理，但我正在努力让iPad（2）正确显示它。
在纵向的iPad上，当您打开它时，“Home”页面会稍微放大，但您无法缩小以获得屏幕上的整个页面宽度。 “MOT”页面完全缩小，因此全宽适合。
在iPad上的风景中，它们看起来都是正确的。
我的网站基本上是960px固定宽度，但请注意我尝试使用媒体查询使其有点响应。 （它不是流畅的布局，但不同尺寸的div宽度略有不同 - 桌面，平板电脑，手机）。我为每种类型的布局设置了不同颜色的主背景，这样你就可以看到每种媒体类型的CSS何时启动。（桌面版本为白色，平板电脑为古董白色，移动版本为橙色）。
任何人都可以帮忙吗？我用谷歌搜索过“iPad网站宽度”这样的东西，我无法理解什么是最好的方式。
对此特定iPad问题的任何帮助或对我的CSS和布局的建议都非常受欢迎！
我知道完全响应的流体布局是城镇的话题，但我希望这个网站能够很快完成。我真的需要完全流畅的布局吗？
谢谢，
保
答案 0 :(得分：4)
简单的解决方法：
<meta name="viewport" content="width=1000">
这将缩放iPad视口以完全适合您的页面（chrome告诉我身体宽度为1000px）。
就移动网络良好做法而言，我还会添加一些缩放选项，以便用户可以放大/缩小页面的不同部分。例如：
<meta name="viewport" content="width=1000, minimum-scale=.5, initial-scale=1, maximum-scale=2.5">
答案 1 :(得分：0)
我最后使用了cale_b，因为我尝试了很多视口设置，它在iPad上显示OK，但在Android下没有显示，反之亦然。
所以我为我的主体div增加了一个最小高度。
谢谢cale_b