CSS中“像素”和“%”有什么区别?

html-css010

CSS中“像素”和“%”有什么区别?,第1张

CSS中“像素”和“%”同为CSS相对长度单位,区别是

%

百分比Percentage;px

像素Pixels

个人比较偏向px,因为px能够精确地表示元素在屏幕中的位置和大小,网页主要是为了屏幕显示,而不是为了打印等其它需要的。

方法

CSS中“像素”和“%”同为CSS相对长度单位,区别是

%

百分比Percentage;px

像素Pixels

个人比较偏向px,因为px能够精确地表示元素在屏幕中的位置和大小,网页主要是为了屏幕显示,而不是为了打印等其它需要的。

1.CSS相对长度单位(relative

length

unit)

CSS相对长度单位中的相对二字,表明了其长度单位会随着它的参考值的变化而变化,不是固定的。

以下是CSS相对长度单位列表:

CSS相对长度单位

说明

%

百分比Percentage

em

元素的字体高度The

height

of

the

element's

font

ex

字母x的高度The

height

of

the

letter

"x"

px

像素Pixels

2.CSS绝对长度单位(absolute

length

unit)

绝对长度单位是一个固定的值。比如我们常用的有mm,就是毫米的意思。

以下是CSS绝对长度单位列表:

CSS绝对长度单位

说明

in

英寸Inches

(1

英寸

=

2.54

厘米)

cm

在不同的环境下是不同的。

没有一个绝对的比值。

这样告诉你吧。

当普通台式机的屏幕分辨率设置为800×600的时候,根据勾股定理,知道显示器对角线的象素为1000,而普通的17'显示器对角线的长度为43cm左右。

也就是说,在这种情况下,

1000px约=43cm,

即1px=0.4mm。

但是你改变了分辨率,又得另外计算,比如你设置分辨率为1024×768的时候,对角线的象素则为1280,如果还是17'显示器,这时:

1280px=43cm

用计算器算得——

1px=0.3359375mm