×

CSS单位换算:px,pt,em

作者:Web前端之家2020.06.01来源:Web前端之家浏览:573评论:0
关键词:htmlptpcem
微信公众号

微信公众号

了解下CSS单位换算:px,pt,em。

什么是pt?什么是px?

pt 全称为 point,是印刷行业常用单位,等于1/72英寸。所以它是一个自然界标准的长度单位,也称为“绝对长度”。它跟我们所熟悉的公分、公尺一样,可以明确的指出1pt的长度是多少。

px就是表示pixel,像素,是屏幕上显示数据的最基本的点。

px是一个点,它不是自然界的长度单位,谁能说出一个“点”有多长多大么?可以画的很小,也可以很大。如果点很小,那画面就清晰,我们称它为“分辨率高”,反之,就是“分辨率低”。所以,“点”的大小是会“变”的,也称为“相对长度”。

1px等于多少pt?

px代表的是像素单位,一般为网页中标识字体的单位,而pt代表的是绝对单位,一般为网页中抄标识字体的单位,其换算公式为pt=px*dpi/72,以Windows下的96dpi来计算,可以得出1px等于1*4/3。

ptpxem

42pt

56px

3.5em

36pt

48px

3em

34pt

45px

2.75em

32pt

42px

2.55em

30pt

40px

2.45em

29pt

38px

2.35em

28pt

37px

2.3em

27pt

36px

2.25em

26pt

35px

2.2em

25pt

34px

2.125em

24pt

32px

2em

22pt

29px

1.8em

20pt

26px

1.6em

18pt

24px

1.5em

17pt

23px

1.45em

16pt

22px

1.4em

15pt

21px

1.3em

14.5pt

20px

1.25em

14pt

19px

1.2em

13.5pt

18px

1.125em

13pt

17px

1.05em

12pt

16px

1em

11pt

15px

0.95em

10.5pt

14px

0.875em

10pt

13px

0.8em

9pt

12px

0.75em

8pt

11px

0.7em

7.5pt

10px

0.625em

7pt

9px

0.55em

6.5pt

8px

0.5em

5.5pt

7px

0.4375em

5pt

6px

0.375em


温馨提示:本文作者系Web前端之家 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/html20200601.html

网友评论文明上网理性发言 已有0人参与

发表评论:

最新留言

  • ajoy

    说法可以是一样的,毕竟JS和JQ都是有“血缘关系”的,你可以自己改下不就可以了吗,哈哈!...

  • 访客

    标题是JS用了JQ误人子弟呢...

  • absoy

    vue居然还能这么玩,期待你们vue3.0中文版教程。...

  • caij2

    github也中了新冠病毒了吧,哈哈!...

  • 访客

    收藏啦...

  • Web前端之家

    当然都可以被import,如何去设置,还要看你的具体项目要求。...

  • 访客

    exportdefault和vue的实例有啥子区别呢都可以被import...

  • Web前端之家

    可以加QQ群295431592咨询。...

首页|JavaScript|HTML|HTML4|HTML5|CSS3|开发工具|性能优化|移动开发|前端教程|性能优化|开发工具|酷站欣赏|UI设计|前端教程

Copyright © 2020 Web前端之家(www.jiangweishan.com) 版权所有 All Rights Reserved.
粤ICP备12067512号-1

Copyright Your WebSite.Some Rights Reserved.

Powered By Z-BlogPHP 1.6.4 Valyria