Web 前端设计

来自Jack's Lab
(版本间的差异)
跳转到: 导航, 搜索
(资源)
第2行: 第2行:
  
 
* 完美的全屏幕背景图:https://phphub.org/topics/513
 
* 完美的全屏幕背景图:https://phphub.org/topics/513
 +
 +
<br><br>
 +
 +
== 单位 ==
 +
 +
* pt (point,磅) 是一个物理长度单位,指的是 1/72 英寸
 +
* px (pixel,像素) 是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果 px 要换算成物理长度,需要指定精度 DPI (Dots Per Inch,每英寸像素数),在扫描打印时一般都有DPI可选。Windows系统默认是96dpi,Apple系统默认是 72dpi
 +
* em 是一个相对长度单位,最初是指字母 M 的宽度,故名em。现指的是字符宽度的倍数,用法类似百分比,如:0.8em, 1.2em,2em等。通常1em = 16px
 +
 +
字号是中文字库中特有的一种单位,以中文代号表示特定的磅值pt,便于记忆、表述
 +
 +
pt和px的换算公式可以根据pt的定义得出:
 +
 +
pt=1/72(英寸), px=1/dpi(英寸)
 +
 +
因此 pt=px*72/dpi
 +
 +
以Windows下的 96dpi 来计算,pt = px*72/96 = px*3/4
 +
 +
<br><br>
  
 
== Fonts ==
 
== Fonts ==

2015年10月26日 (一) 09:15的版本

1 资源



2 单位

  • pt (point,磅) 是一个物理长度单位,指的是 1/72 英寸
  • px (pixel,像素) 是一个虚拟长度单位,是计算机系统的数字化图像长度单位,如果 px 要换算成物理长度,需要指定精度 DPI (Dots Per Inch,每英寸像素数),在扫描打印时一般都有DPI可选。Windows系统默认是96dpi,Apple系统默认是 72dpi
  • em 是一个相对长度单位,最初是指字母 M 的宽度,故名em。现指的是字符宽度的倍数,用法类似百分比,如:0.8em, 1.2em,2em等。通常1em = 16px

字号是中文字库中特有的一种单位,以中文代号表示特定的磅值pt,便于记忆、表述

pt和px的换算公式可以根据pt的定义得出:

pt=1/72(英寸), px=1/dpi(英寸)

因此 pt=px*72/dpi

以Windows下的 96dpi 来计算,pt = px*72/96 = px*3/4



3 Fonts

























个人工具
名字空间

变换
操作
导航
工具箱