2012-06-01 106 views
8

的转换率我比较少遇到需要使用pt而不是px或em而不是pt或任何情况并尝试找到合适大小的时间对于比36px更大的东西,有时候更多的是对它的痛苦。所以我基本上想让自己变成一个小转换计算器。然而,我似乎无法找到任何区别转换率从一个转换到另一个转换速率的其他方面的相等部分。pt,em,px,百分比,其他

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

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

+0

这种计算器不存在的原因有很多:px是绝对值,像pt,em,percent等是* relative * ones。继续,我会挖掘一个SO问题... –

+0

请参阅http://stackoverflow.com/questions/3333076/difference-between-px-and-em –

+1

也http://stackoverflow.com/questions/609517/why-em-instead-of-px –

回答

17

好,

12磅= 16像素= 1EM = 100%

假设你不改变身体上的字体大小(否则PT会有所不同),您的操作系统的DPI设置在72等等。

的关系是这样的:

pt = 3/4*px 

em = pt/12 

% = pt*100/12 
在这种情况下

。值得指出的是,使用pt是错误的,除非你正在打印某些东西,并且使用px,%或em更常用。

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

+0

我通常是他自己的粉丝,这是这种情况下最大的问题我是否和几位设计师一起工作,他们每个人都有自己喜欢的喜好。不幸的是,从一个喜欢我们需要这个“320pt x 600pt”的人那里获得规范,并且在某些情况下通过em或px计算出来有时候是一种痛苦。 – chris

+0

对于网页设计,pt是不对的。或许跟他们谈谈他们认为pt的含义。你可能会发现他们认为pt == px ... –

+1

对于网页设计是的,我同意,但也许其中的一个或两个人对网页设计知之甚详,他们都是图形工作者,在photoshop,illistrator或几种情况下工作印刷设计师。所以更多的时候,我正在转换的东西是打算打印而不是网络 – chris

3

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

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

px也是绝对的,但高度依赖于客户端设备DPI。这种差异很大,但大多数设备以可调节的方式处理px值 - 视网膜iphone上的10像素在预视网膜设备上显示为10像素。

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

0

为了让网站真正为所有人开放,你需要摆脱点和像素。你需要这些测量结果是相对的。因此百分比和ems。

这是最好的选择。

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

为什么要让这些人不能轻易使用的网站?

(标准品种解决这些问题)

+0

是的,没有人不同意这一点,但正如前面提到的那样..当我给予我初始规格的东西时,与我合作的设计师没有考虑到这一点,所以我必须出去找到相应的东西,这样我才能使网站/软件更符合网络方面的标准。我发现试图让群众满足这个需求是一个荒谬的概念,所以与其打击流,我只是拿我得到的东西做我想做的事。但最终它的制作工具可以帮助我完成我的任务:-) – chris

+0

@chris - 请打击流 - 因为有一天您可能需要某人来对抗您的流。 –

0
  • 1毫米=约3.78 PX
  • 1厘米=10毫米=约37。8 PX
  • 1英寸=25.4毫米= 96PX
  • 1点= 1/72在= 1 1/3像素
  • 1 PC = 12磅= 1/6 = 16px的
  • 1像素= 3/4PT = 1/96 in

这些关系是相互固定的,但请注意它们不对应屏幕布局中的物理尺寸。 1in只对应屏幕上的实际英寸,如果屏幕具有完全DPI为96的话。存在各种各样的屏幕和设备,因此实际上很少这样。

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

在打印中,cm,mm中的单位实际上对应于物理单位。尽管如此,px单位与用于打印样式表的屏幕像素(或dpi)没有任何关系。它被定义为1/96英寸。

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