css 像素是啥?

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

css 除了像素单位，还可以用百分比单位。

想做到大小一样，除了 pixel 还需要知道 dpi。

逻辑像素

硬件的像素是物理像素

@SuperMild 那前端一般是如何处理这个情况的?
我不是前端.但是看前端代码很多都是用 px,现在 4K 显示器越来越普及,如何处理?
现在前端一般如何处理这种情况?(主流做法)
还是说如果用 4K 显示器,一般都缩放 200%.

谢谢您.

@chaleaochexist 我也不是前端，css 应该有一些函数可以获取屏幕像素或 dpi 之类的，然后可以对主流屏幕像素做一套优化样式，剩下的就走一套默认样式。

但是一般个人项目来说没必要做这么细，需要占满全屏的就用百分比单位，不需要占满全屏的就做居中排版，检测到屏幕较宽就加侧边栏，屏幕窄就隐藏侧边栏。

@chaleaochexist 比如你看 V2EX 这里就是做居中排版，宽的屏幕就两边留白多一点，一般用户会自己放大网页显示比例。

@SuperMild 我可不可以这么理解.目前我们前端静态网页的开发,默认分辨率是 2K?

@chaleaochexist 应该没有默认的说法，一般网站上线后都可以看到访客统计，可以看到哪种屏幕占多少比例，然后对高比例的优化。不同的网站用户特点可能不同。

参考 https://www.jianshu.com/p/58e7b9836504

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