我应该使用CSS unit pt进行UI控件吗？

Question

我正在处理一些UI控件，并想知道是否应该使用pt作为宽度，高度，边框大小，边距，填充和字体大小？我希望控件在每个屏幕和投影仪上都具有可扩展性和外观相同。

在设计可扩展的用户界面时，还有其他我应该担心的问题吗？我已经在使用非基于光栅的图形（颜色和SVG）。

Answer 1

没有。 pt是固定大小的。如果您想要可扩展性，那么您应该使用em和/或ex（可能是%）。

Answer 2

如果你想要可扩展，那么你不需要pt，它可以解析为1/72英寸（但只有在计算机被正确校准才能知道要使用的DPI时）。

如果对于你坐在前方的屏幕在72pt（1英寸）处有明显的感觉，那么在10英尺以外的屏幕上投影（仍然是1英寸高）时，它是不明智的。

Answer 3

是的，您可以使用pt或em。 12pt = 1em。这是在浏览器中选择较小或较大字体时调整的大小。标有pt或em的元素与字体一​​起调整（我认为）。

然而，现代浏览器（即使是最新的FireFox和IE），更喜欢缩放整个页面而不是仅缩放字体，尽管它仍然只是缩放字体的选项。在这种情况下，无论你选择px还是pt都没关系。

Answer 4

如上所述，1点是1/72英寸。我使用的屏幕在20厘米的高度上有1200像素。如果我投影，那1200像素扩展到3米。

在w3c CSS规范中有许多测量，很多都是使用但很少正确。

您最好的选择是使用em来进行与使用中的字体相关的布局。也可以使用百分比。

但是，您需要通过“gnat's tadger”“轻推”某些浏览器布局，尤其是在查看按钮，下拉菜单和文本框时。通常这些都是设置相对于轻推它/左/下/任何东西的位置。典型的例子是IE和Firefox之间存在细微差别。

让你的表格在所有屏幕和投影仪上呈现“相同”是非常雄心勃勃的，这意味着不同的浏览器看起来都是一样的。