保存到主屏幕时，iOS4上iPhone上的网站宽度错误

Question

我在iPhone上的Safari中查看时看起来很a website。在iOS3.x中，您可以将其作为图标保存到主屏幕，并且打开正常。

但是在iOS4中，虽然它在Safari中看起来仍然是正确的宽度，如果你直接从主屏幕图标打开它，那么它太宽了。

我花了几个小时摆弄视口元标记的各种设置，并且CSS调整，但没有快乐。任何人都可以看到什么是错的，或者为什么iOS4和iOS3会有所不同？

Answer 1

编辑： 我对它进行了测试，并且确定了一些错误。我在这里帮不了你，但它可能与你的CSS有关。

---

原始答案：

这是因为当您在主屏幕上创建网页剪辑时，iPhone会自动保存网站的当前缩放级别。如果您不希望这种情况发生，请确保在创建Web剪辑之前完全缩小。

Answer 2

我看了你的CSS，你正在定义一个px的宽度。尝试在div（包装器，窗口，主要等等）中使用“width：100％”而不是set px。当然这意味着你必须“识别”设备并发送一个不同的CSS，如果它不是iphone上的webview。

现在只测试100％，如果有效，那么你可以根据查看页面的设备开始重新定位css。

希望这是有道理的，如果不让我知道的话。

Answer 3

仅供参考 - 这让我疯狂。我的主屏幕链接与vn 3完全一致，现在已经坏了。

我确定这是一个错误...如果/当我找到修复时会响应。