iPhone webapp 尺寸答案

【问题标题】：iPhone webapp dimensionsiPhone webapp 尺寸
【发布时间】：2011-12-09 14:00:42
【问题描述】：

在过去 40 分钟谷歌搜索后，现在这里真的很困惑。我需要一个明确的答案。

我正在为 ipod touch、iphone（所有 gens）制作一个 web 应用程序，我最终将作为本机应用程序以全屏模式运行。

但是我想知道的是。什么宽度：和高度：我是否在css中设置我的包装器......我需要尺寸，我得到960wide，320wide 640wide我很困惑，我只需要一个明确的答案，它应该是多少像素宽和纵向模式时高。

谢谢

【问题讨论】：

【解决方案1】：

Dimensions 应该是

Width: 320 x Height: 480

【讨论】：

【解决方案2】：

你能不能把它设置成一个百分比，让它总是填满屏幕，无论使用什么设备.. iPad、iPhone# 等。

例如：

.container {
    width: 94%;
    margin: 0 3%; /* Give it some space from the sides. */
    min-height: 100%;
}

类似的东西？

【讨论】：

【解决方案3】：

对于纵向模式，您需要将包装器宽度设置为 320 像素，尽管用户可以选择以横向模式查看 Web 应用程序，因此如果您可以不使用百分比（即wrapper {width:100%}），您将会更好。

【讨论】：