梗概

  • css的像素单位就是viewport像素

viewport分辨率的直观理解

因为viewport分辨率同时受到浏览器缩放系统缩放的影响, 所以这里只讨论默认没有缩放的情况下

  • 当屏幕物理尺寸相差不大时,一个viewport像素的实际长度都差不多大(当然屏幕尺寸越大,一个viewport像素也会稍微大一点点)
    • 注意:viewport像素不受分辨率不同所影响,只与屏幕的物理尺寸有关(原始缩放的前提下)
  • 当屏幕物理尺寸相差悬殊时(如手机和电脑显示器相比),一个viewport像素的实际长度相差也比较大