网站首页bet36365体育备用35体育备用网址365bet足彩官网365外围足球bet36官网网址

移动端设计和适应

来源:365bet体育投注地 作者:365bet网站 发布时间:2019-11-11
位图像素
位图像素是光栅化图像(Png,jpg,gif等)的最小数据单位。
每个位图像素包含显示信息(显示位置,颜色值,透明度等)。
CSS像素
虚拟像素可以理解为“直观”像素,CSS和JavaScript中使用的抽象单元。所有浏览器长度都是CSS像素。像素CSS的单位是px。
在CSS规范中,长度单位可以分为两类:绝对单位和相对单位。
Px是相对单位,而不是设备像素(DevicePixel)。
在同一设备中,您可以更改每个CSS像素表示的物理像素(即CSS像素的第一个方面的相关性),即不同设备之间的每个CSS像素所代表的物理像素。CSS像素第二面的相对性)。
根据维基百科的描述:
这是图像可视化的基本单元,是一种抽象概念,而不是特定的物理量或点或小方块。
所以,当你谈论像素时,请确保你理解上下文!
确保你理解上下文!
织梦好,好织梦

确保你理解上下文!
对于不同的设备,图像的基本采样单元是不同的,屏幕上的物理像素等于屏幕点,并且打印机的物理像素等于打印机的墨点。
测量打印机点大小和点大小的单位分别称为PPI和DPI。
由于不同物理设备的物理像素大小不同,因此CSS认为有必要调整浏览器中的像素,使浏览器中的CSS像素大小不同。物理设备的目的是确保一致的阅读体验。
为实现此目的,浏览器可以根据设备的物理像素大小直接转换,并且在CSS规范中使用“参考像素”进行转换。
当观察设备的输出时,参考像素是单个视角(即1/96英寸),其分辨率为96 DPI(即,1个英寸的96个点)。
长度不是1/96英寸,它是96 DPI设备的输出距离臂距离一个单位(即1/96英寸)时视线与地平线之间的角度。
通常,正常人手臂的长度被认为是28英寸,因此其视角如下。

dedecms.com


/(28 in * 2 * PI / 360度)=(1/96)。
0213度。
由于CSS像素是视图的单位,因此为了方便起见,它们基本上是根据设备的像素进行转换的。
浏览器可以直接获取CSS像素,具体取决于硬件设备。
简介:使用不同的设备输出时,眼睛与设备输出之间的典型距离是不同的。
例如,计算机显示器通常有点偏离手臂,因此在阅读书籍或纸张(对应于打印机设备的输出)时,它通常很接近。
它将远离看电视。例如,一般建议是在电视屏幕上对角线2。
5至3次或更多:42英寸彩电几乎是3米。
观点
@ppk将视图分为移动设备的三个类别:Layoutviewport,Visualviewport和Idealviewport。





点击数:
上一篇:糖尿病完全治愈了吗?
下一篇:没有了
365bet中国大陆网址