iPhone/iPad 的 HTML 单位

Posted 2023-02-23

【中文标题】iPhone/iPad 的 HTML 单位

【英文标题】：Units in HTML for iPhone/iPad

【发布时间】：2010-10-29 21:11:50

【问题描述】：

对于应该在 iPhone 和 iPad 上运行的嵌入式 html 资源的尺寸（宽度、高度、边距、填充、字体等），我应该使用什么 CSS measurement unit？

或者我应该为 iPhone/iPad 使用备用 CSS 样式吗？

我希望此资源的内容在两个设备上都能很好地显示，而无需创建两个相同 HTML 的版本。

【问题讨论】：

可能是 em，虽然我不熟悉 iP*d 的行为。

line25.com/tutorials/…

【参考方案1】：

状态栏：19 像素

导航栏：43 像素

内容窗口：369 像素

工具栏：48 像素

Safari 工具栏为 44 像素。

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

不错的工具： http://www.silisoftware.com/tools/screen.php

【讨论】：

像素是有问题的，因为您有多种 iPhone 屏幕分辨率。这意味着在 iphone 3 中将某些内容设置为 19px 将显示比在 iphone 4 上更大。这是特别有问题的，因为小按钮很难点击。所以我会使用这些准则，但我会将它们转换为英寸或厘米。

【参考方案2】：

单位完全由您决定。你可以使用任何你熟悉的东西。我倾向于使用像素，因为我发现它们最直观且最容易在计算机屏幕上测量。此外，在 Apple 会议的大多数 webapp 演示中，使用的单位是像素。这很标准。

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

干杯。