h5适配等比例放大缩小_移动端适配知识点梳理part one

来源：SegmentFault思否社区

作者：wenjinhua

---

1. 设备像素和css像素

• 设备像素，又叫物理像素(physical pixel)，给出您正在使用的任何设备的形式分辨率，可通过screen.width/height获取.
• css像素，又叫设备独立像素(device-indenpendent pixel)，此为逻辑像素，计算机设备中的一个点
• 注意：设备像素和css像素的关系(缩小还是放大针对的是css像素)：
  • 100％缩放：设备像素和css像素重叠
  • 缩小：CSS像素开始缩小，意味着一个设备像素现在与几个CSS像素重叠。
  • 放大：CSS像素开始增长，意味着一个CSS像素与几个设备像素重叠。

---

2. pc端的尺寸