我的網站在iPhone上看起來完美完美，但在iPad上看起來不太理想。我在查找iPad的webkit/safari渲染引擎和iPhone的webkit/safari渲染引擎之間的差異時遇到了很多麻煩。「iPad上的Safari」和「iPhone上的Safari」之間的已知差異列表
如果您不相信我，請在iPhone和iPad上同時使用http://www.finishline.com（請注意，如果您被扔到我們的移動網站，您將不得不點擊頁面底部的「標準網站」） 。主要區別在於缺少白色背景和頂部的主要選項卡式導航菜單（也就是右上方的小型小型車）。
iPhone（看起來是正確的）： 
的iPad（看起來是錯誤的）： 
什麼是iPhone和iPad上的WebKit移動之間的呈現差異？
iPhone和iPad使用相同的渲染引擎WebKit。
這些平臺之間的唯一明顯的區別可能是：
對於這種情況，我不能真正建議任何事情比檢查您的頁面佈局。使用W3C的工具對其進行驗證，並在模擬器中進行正確測試，更重要的是在設備上進行測試。
從上面看起來，一些CSS黑客（例如，使其在IE上工作）可能會有這樣的效果。或者是一場流浪的突破。
通常，您不應該擔心這兩個平臺或平臺之間的差異。使用乾淨的CSS和HTML，並在所有目標設備上進行測試，直到它看起來正確。儘量避免使用CSS/HTML黑客來使IE6工作。這是我經歷問題的根源之一。
據我所知，這些設備之間沒有什麼「主要」區別，除了它們的屏幕尺寸（以及可能使用的WebKit/iOS版本 - 比如iOS 3.x和iOS 4.2）。
如果您有權訪問Xcode，請嘗試從不同版本的iOS查看該網站以查看是否存在問題。
無論哪種情況。修復你的HTML和CSS。問題可能有一個非常簡單的原因。
視網膜顯示器對渲染「px」尺寸沒有任何影響 - 它們不會顯示爲尺寸的一半。鑑於桌面瀏覽器對「pt」使用不同的解釋，通常情況下更好的做法是在「px」中指定所有內容，如果您希望看起來一致的跨瀏覽器。 – grahamparks 2010-11-21 15:20:26
當您的iPhone運行至少iOS 4.0時，您的iPad可能運行的是iOS 3.2（或4.2的測試版）。這比平臺之間的差異更重要（其中不存在任何差異）。
我想你在吼叫錯誤的樹，要求提供差異列表 - 你可以去http://trac.webkit.org/，並獲得兩個版本之間的補丁和錯誤修復的詳盡列表，但它會更快地使用正常的CSS故障排除技巧（即主要是試驗和錯誤）來弄清楚你的網站是如何導致它在iOS 3.2中搞砸的。
我看不出任何區別，除了影響底部鏈接的頁面寬度和搜索欄下的廣告不同之外。你如何添加一些截圖來顯示你的意思？ – 2010-11-19 17:24:42
注意：我正在使用iPad 4.2。也許你應該等待呢？您使用的是什麼版本的iphone和ipad軟件，並且您是否使用了視網膜顯示器？ – 2010-11-19 17:25:32
兩者的最新值/當前值。如果你有iOS 4，你會在iPad模擬器中得到相同的結果。 SDK ... – cmcculloh 2010-11-19 18:03:43