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

当我需要使用pt而不是px或em而不是pt时,或者无论如何都要使用pt或em来寻找合适的大小而不是说36px的东西,有时更多的是痛苦。 ……比应该的。 所以我基本上想让自己成为一个小转换计算器。 然而,我似乎无法找到任何区别转换率从一个到另一个的区别对于另一个的相等计数器部分。

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

创建计算,很容易。 我必须在每个转换的基础上应用数学,而不是那么多,这就是我希望在这里找到的所以我可以做到。

好,

12pt = 16px = 1em = 100%

假设你不改变主体上的字体大小(否则pt会有所不同),你的操作系统的dpi设置为72等等。

这种关系看起来像:

pt = 3/4*px em = pt/12 % = pt*100/12 

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

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

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

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

这是最好的方式。

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

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

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

  • 1mm = ca 3.78 px
  • 1cm = 10mm =约37.8px
  • 1英寸= 25.4毫米= 96像素
  • 1pt = 1/72 in = 1 1/3 px
  • 1 pc = 12pt = 1/6 in = 16px
  • 1 px = 3 / 4pt = 1/96 in

这些关系彼此固定但请注意,它们与屏幕布局中的物理尺寸不对应。 如果屏幕具有96的精确DPI,则1in仅对应于屏幕上的实际英寸。存在各种各样的屏幕和设备,因此实际上很少会出现这种情况。

1px也不总是对应于物理像素。 对于高dpi设备(例如“视网膜”显示器),浏览器可以将px单位转换为物理像素的倍数,例如。 1px = 4×4物理像素。

在印刷中,单位cm,mm实际上确实对应于物理单位。 但是,当用于打印样式表时,px单元与屏幕像素(或dpi)没有任何关系。 它只被定义为1/96英寸。

相对单位(em,ex,%)无法转换为绝对单位(px,cm,mm,in,pc,pt),因为相对单位取决于当前字体大小。