“之间的已知差异列表”；iPad上的Safari“；及；iPhone上的Safari；

我的网站在iPhone上看起来很完美，但在iPad上看起来不太理想。我很难找到iPad的webkit/safari渲染引擎和iPhone的webkit/safari渲染引擎之间的区别

如果你不相信我，请在iPhone和iPad上都转到（请注意，如果你转到我们的移动站点，你必须单击页面底部的“标准站点”）。主要区别在于缺少白色背景和顶部的主选项卡式导航菜单（右上角的小型购物车也不太合适）

iPhone（看起来正确）：

iPad（看起来不对）：

---

iPhone和iPad上的移动webkit的渲染有什么区别？

iPhone和iPad使用相同的渲染引擎webkit

这些平台之间唯一明显的区别可能是：

• 如果站点上的字体大小是以像素为单位指定的，视网膜显示的较高DPI计数可能会对文本缩放产生一些影响，但我可能错了。始终以点为单位指定字体大小
• 两种设备的屏幕大小不同。不是像素，而是物理尺寸。这是WebKit（或一般的iOS）试图通过调整字体大小来弥补的，以使字体在仍然适合页面的情况下可读。这可能会导致文档重新流动；导致线路中断

对于这种情况，除了检查页面布局之外，我真的没有其他建议。使用W3C的工具对其进行验证，并在模拟器和更重要的设备上对其进行正确测试

从上面看，一些CSS黑客（例如，使其在IE上工作）可能会产生这样的效果。或者是一条误线

一般来说，您不应该担心这两个平台之间的差异，也不应该担心一般平台之间的差异。使用干净的CSS和HTML，并在所有目标设备上测试它，直到它看起来正确为止。尽量避免使用CSS/HTML黑客使IE6正常工作。根据我的经验，这是问题的根源之一

据我所知，这些设备之间没有“主要”区别，除了屏幕大小（可能还有使用过的WebKit/iOS版本——比如说iOS 3.x和iOS 4.2）

如果您有权访问Xcode，请尝试从不同版本的iOS查看站点，看看这是否是问题所在

---

无论哪种情况。修复你的HTML和CSS。问题的原因可能很简单。

您的iPad可能运行的是iOS 3.2（或4.2的beta版），而您的iPhone至少运行的是iOS 4.0。这比平台之间的差异更重要（不应该有任何差异）

---

我认为你找错了方向，要求提供差异列表-你可以访问并获得两个版本之间的补丁和错误修复的详尽列表，但只使用常规CSS故障排除技术（即主要是尝试和错误）会更快要弄清楚你的网站在iOS 3.2中是什么导致它一团糟。

我看不出有什么不同，除了页面宽度影响底部的链接，以及搜索栏下的广告不同。你可以添加一些截图来说明你的意思吗？注：我使用的是iPad4.2。也许你应该等一下？您使用的是什么版本的iphone和ipad软件？您是否使用视网膜显示器？两者都是最新/最新版本。如果你有iOS 4，你会在iPad模拟器上得到同样的结果。？SDK…请注意，4.2仍然是预发布版本，因此是苹果的机密，因此您不应该在这里讨论；）@昨天发布了tc固件4.2。视网膜显示对“px”大小的渲染没有影响-它们看起来没有大小的一半。鉴于桌面浏览器对“pt”有不同的解释，如果您希望在跨浏览器中保持一致，通常最好在“px”中指定所有内容。