• 像素，分为两种
  • 物理像素
    • 显示器的固定像素（宽度）
  • CSS像素
    • 编写网页时，我们所用的像素
    • 浏览网页，需要先将css像素转为物理像素，再呈现
  • 一个css像素由几个物理像素来显示，由浏览器决定
    • 默认情况下，pc端，一个css像素=一个物理像素
  • 视口（viewport）
    • 可通过查看视口，来看比值
    • 默认100%
      • 视口宽度（1920px-css像素）
      • 物理像素1920px固定
      • 比值为1
    • 200%
      • 视口宽度：960px
      • 物理1920px
      • 比值为1：2
  • 可以通过改变视口的大小来改变css像素和物理像素的比值