设备像素（device pixels）和css像素区别

html-css010

设备像素（device pixels）和css像素区别,第1张

设备像素等于dpr值*css像素。一般来说。现在的手机登设备都是高清频幕。也就是每个点内有两个或多个像素。也就是设备像素。

获取css像素的方法估计你知道。

获取dpr值的方法window.devicePixelRatio,要是你用谷歌浏览器的话。就可以看到它给提供的不同型号手机的dpr值。

希望对你有帮助。望采纳

html缩小两倍意思是将一个单位的CSS的pixels变成了4倍的设备的pixels那么大，即宽度乘以2、高度乘以面积扩大了2乘以2。现代浏览器上的缩放，是基于伸展pixels。结果是，html元素上的宽度并没缩放200%而由128pix变成256px，真实的pixels的被计算成了双倍，html元素在形式上依然是128CSS的pixels，即便占用了256设备的pixels。

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

厘