之前在电视的webview上投放广告页面时，遇到了个问题，就是视窗大小和文档大小不一致。最后发现原来有CSS Pixel这个概念，搜集了一些资料，希望能把这个问题捋捋清楚。 首先提出一个大家常常会忽略的问题： 如今主流手机屏幕的像素点数已经远远超过了桌面显示器的像素数量，5.5英寸 ...

最近看了很多这方面的文章，能搜到的基本看了个遍，但感觉还是似懂非懂，知道这个东西，很难说出这是个什么东西，先整理一些概念，慢慢消化，以后慢慢探索其中的原因。 1、PX(CSS pixels) 1.1 定义 虚拟像素，可以理解为“直觉”像素，CSS和JS使用的抽象单位，浏览器内的一切长度 ...

个人理解像素就是一个个可视的点，什么物理像素，虚拟像素。。。 还有下面讨论css像素的时候，主要关心的是边长而不是数量组成的面积 当可视点达到一定密度后就看不出来了格子效果，变成平滑过渡，而这个密度就是ppi。 屏幕尺寸说的是斜边，那么密度 ...

设备像素、css像素、dpr、ppi 设备像素指的是物理像素，一般手机的分辨率指的就是设备像素，一个设备的设备像素是不可变的。 css 像素和设备独立像素是等价的，不管在何种分辨率的设备上，css 像素的大小应该是一致的，css 像素是一个相对单位，它是相对于设备像素的，一个css 像素的大小 ...

CSS像素、设备独立像素、设备像素，三者联系紧密又有很大的区别，而我们主要是在做移动端开发的时候需要更多地用到这些概念，那他们分别是指什么呢？ 概念 CSS像素（CSS Pixel）：适用于web编程，指的是我们在样式代码中使用到的逻辑像素，是一个抽象概念，实际并不存在 设备独立像素 ...

设备像素dp(device pixels) ppi(pixels per inch)表示每英寸所拥有的像素(pixel)数目，数值越高，代表屏幕能以更高的密度显示图像。 计算公式：ppi=像素数量/物理尺寸（英寸数） ppi就是设备像素dp(device pixels)的单位。 举例： 一个 ...

一篇文章搞懂CSS像素、物理像素、逻辑像素、设备像素比 ...

一.思路 普通的1px黑色实线边框： 半像素边框当然不是简单地把1px改为0.5px（没测试过，可能会被解析成1或者0），border-width的值只能是自然数 类似的，outline, box-shadow等等也没有办法画出0.5px的细线 常规思路是不可行 ...