移动网络应用程序的 CSS 使用什么单位？答案

【问题标题】：what units do you use for css for mobile web apps?移动网络应用程序的 CSS 使用什么单位？
【发布时间】：2011-06-26 02:42:45
【问题描述】：

像素？时间？点？似乎随着设备尺寸和密度的变化，是时候使用像 pts 这样绝对的东西了。谁能指出我最近写的一篇关于什么时候使用的好文章？

（我专门将基于 webkit 的移动设备作为我的主要平台，尽管该网站也需要在大型显示器上运行。我可以忽略大部分 IE 和旧版浏览器。）

【问题讨论】：

标签： css mobile-website

【解决方案1】：

查看 Luke Wroblewski 的 this 和 that。谷歌搜索他的名字会发现更多。

【讨论】：

谢谢。这正是我正在寻找的那种细节。

【解决方案2】：

正如您所说的高密度手机，您应该避免使用 px，但也应避免使用最初用于打印的 pt。当您设置您的网站以符合大多数浏览器（无论是否为移动设备）时，请使用百分比设置您的正文字体大小（我说没有来源的历史上更好的支持），然后在您的文档中使用 em。这允许您的用户在他们的（手机）浏览器设置中设置他们首选的字体大小，并让您保持不同字体大小之间的关系。

【讨论】：

【解决方案3】：

作为一名网络开发人员，我坚持使用pixels，因为这已经是所有数字显示设备的标准。现在大多数手机都采用基于像素的屏幕，并且手机能够调整大小以适应您的内容。

您只需确保将每个页面上的内容量降至最低，以便快速加载和呈现。

【讨论】：

【解决方案4】：

我认为你最好为浏览器窗口大小设计多个 CSS 样式表，

除此之外，我认为最好的方法是百分比 - 这样内容始终与正在查看的屏幕相关。然后将 em 用于字体大小，其工作方式类似于百分比对布局大小的工作方式。

【讨论】：