2010-10-29 85 views
1

我应该使用什么样的CSS measurement unit来获得应该在iPhone和iPad上运行的嵌入式HTML资源的尺寸(宽度,高度,边距,填充,字体等)?适用于iPhone/iPad的HTML版单位

或者我应该使用替代的iPhone/iPad的CSS样式吗?

我希望此资源的内容在两个设备上都能很好地显示,而不需要对同一个HTML的两个版本进行创建。

+0

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

+0

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

回答

1

状态栏:19 PX

导航条:43 PX

内容窗口:369像素

工具栏:48 PX

Safari浏览器工具栏是44个像素。

http://www.iphonecompatible.net/design-tips-tools/iphone-safari-screen-dimensions-layout/

很好的工具: http://www.silisoftware.com/tools/screen.php

+0

像素有问题,因为你有多个iphone屏幕分辨率。这意味着在iPhone 3中设置为19px的东西将比在iPhone 4上显示得更大。这是特别有问题的,因为小按钮很难点击。所以我会使用这些指南,但我会将它们转换为英寸或厘米。 – 2011-10-11 18:55:12

0

单位是完全取决于你。你可以使用任何你熟悉的东西。我倾向于使用像素,因为我发现它们最直观,最容易在计算机屏幕上进行测量。此外,在苹果会议上的大多数Web应用程序演示中,所使用的单位是像素。这是非常标准的。

结账http://pxtoem.com查看单位之间的转换。

干杯。

相关问题