1. 视口：(布局视口(layout viewport)，视觉视口(visual viewport)，理想视口(ideal viewport))

meta 视口标签

width：宽度设置的是 viewport 宽度，可以设置 device-width(设备宽度)特殊值

user-scalable：用户是否可以缩放，yes 或者 no(1 或者 0)

initial-scale：初始缩放比，大于 0 的数字

maximum-scale：最大缩放比，大于 0  的数字

minimum-scale：最小缩放比，大于 0 的数字

标准的 viewport 设置

视口宽度和设备保持一致

视口的默认缩放比例1.0

不允许用户自行缩放

最大允许的缩放比例1.0

最小允许的缩放比例1.0

2. 物理像素 & 物理像素比

物理像素点指的是屏幕显示的最小颗粒(也就是我们说的分辨率)，是物理真实存在的，这是厂商在出厂时就设置好的，比如苹果6/7/8 是750*1334

开发时的 1px 不一定等于 1个物理像素的

PC端页面，1个px 等于 1个物理像素，但是移动端就不尽相同

一个px的能显示的物理像素点的个数，称为物理像素比或者屏幕像素比

在移动端大多数 1px 开发像素 = 2个物理像素

原文：https://www.cnblogs.com/qtbb/p/11761784.html