適用於iPhone/iPad的HTML版單位

我應該使用什麼樣的CSS measurement unit來獲得應該在iPhone和iPad上運行的嵌入式HTML資源的尺寸（寬度，高度，邊距，填充，字體等）？適用於iPhone/iPad的HTML版單位

或者我應該使用替代的iPhone/iPad的CSS樣式嗎？

我希望此資源的內容在兩個設備上都能很好地顯示，而不需要對同一個HTML的兩個版本進行創建。

2010-10-29 hpique

可能'em'，雖然我不熟悉iP * d的行爲。 – drudge 2010-10-29 21:16:54

http://line25.com/tutorials/design-and-code-a-cool-iphone-app-website-in-html5 – zod 2010-10-29 21:35:12

狀態欄：19 PX

導航條：43 PX

內容窗口：369像素

工具欄：48 PX

Safari瀏覽器工具欄是44個像素。

2010-10-29 21:36:44

像素有問題，因爲你有多個iphone屏幕分辨率。這意味着在iPhone 3中設置爲19px的東西將比在iPhone 4上顯示得更大。這是特別有問題的，因爲小按鈕很難點擊。所以我會使用這些指南，但我會將它們轉換爲英寸或釐米。 – 2011-10-11 18:55:12

單位是完全取決於你。你可以使用任何你熟悉的東西。我傾向於使用像素，因爲我發現它們最直觀，最容易在計算機屏幕上進行測量。此外，在蘋果會議上的大多數Web應用程序演示中，所使用的單位是像素。這是非常標準的。

結賬http://pxtoem.com查看單位之間的轉換。

乾杯。

2010-10-30 17:45:33 iGbanam

回答