转换率为pt,em,px,百分比,其他

时间:2012-06-01 18:05:05

标签: php javascript jquery css size

当我需要使用pt而不是px或em代替pt时,或者无论如何都要使用pt或者其他任何情况,并尝试找到比36px更大的东西的正确尺寸有时更多的是痛苦在....比它应该。所以我基本上想让自己成为一个小转换计算器。但是,我似乎无法找到任何可以区分转换率从一个到另一个的区别对于另一个的平等对应部分。

我希望我能找到一个可以帮助我的人。基本上我的总体希望是让自己像计算器一样基于jquery的输入。我键入我的px,pt,%,other并选择我的转换类型,然后单击确定。

创建计算,很容易。我不得不在每次转换的基础上应用数学,这就是我希望在这里找到的所以我能做到。

3 个答案:

答案 0 :(得分:17)

那么,

12pt = 16px = 1em = 100%

假设您没有更改正文上的字体大小(否则pt会有所不同),您的操作系统的dpi设置为72等等。

关系如下:

pt = 3/4*px

em = pt/12

% = pt*100/12

在这种情况下。值得指出的是,使用pt是错误的,除非你打印的东西,并且使用px,%或em更常见。

就个人而言,我只是使用px或em。使用%或em对于较小屏幕的基本字体大小更改的设计非常方便。

答案 1 :(得分:3)

Ems和%s是相对值,可以根据您的上下文进行更改。通常情况下,1em相当于16px,但如果你改变你的身体的字体大小1em相当于你改变它的任何东西。 1.25em也相当于125%。

通常,72pt相当于1英寸,但不应在打印CSS之外使用。

px也是绝对的,但高度依赖于客户端设备DPI。这种情况差别很大,但大多数设备都能以可预测的方式处理px值 - 视网膜iphone上的10px显示与视网膜前设备上的10px相同。

还有rem指的是html元素的字体大小。查看更多:http://snook.ca/archives/html_and_css/font-size-with-rem

答案 2 :(得分:0)

要使网站真正为所有人打开,您需要摆脱点和像素。您需要这些测量是相对的。因此百分比和ems。

这是最好的方式。

很多人(顾客)有各种各样的视力问题。

为什么要建立一个人们不能轻易使用的网站?

(各种标准解决了这些问题)