css 像素是啥?

简单来说.
1. 100px * 100px 的方块 在 27 寸 2K 显示器和 4K 显示器的浏览器中,看起来的大小是一样的吗?
2. 2K 显示器 我想做一个 铺满全屏的红色方块, 长款定义多少 px? 手机浏览器呢? 4K 显示器呢?

谢谢. ----------------------- 以下是精选回复-----------------------

答:假设显示器设定没有百分比缩放，你指定像素铺满 2K，那么用 4K 的看就铺不满。

css 除了像素单位，还可以用百分比单位。
答:想做到大小一样，除了 pixel 还需要知道 dpi。
答:逻辑像素
答:硬件的像素是物理像素
答:你可以不直接写 pixel , 可以写 百分比。
另外：假如 27 寸设备的物理像素是 4K(3840×2160)那么这个是物理像素的点，就是显示器上小灯泡的数量。
但是按照这样显示出来一个 100*100 的方块，会非常小。所以为了不让它那么小，设备厂商会定义一个比值就是 DPR(devicePixelRatio)，也就是我让 10 个物理像素，在逻辑上显示一个点，那么这个值就是 10. 这个时候这个比值（物理像素除以 DPR ）就是一般开发中的 CSS 像素。也就是你写 CSS 中 10px 等于实际显示器 100px。