虚拟容器：
人为规定980px宽的一个虚拟容器。当网页从PC端移植到移动端时，可以看作将网页装入虚拟容器中，然后再将虚拟容器按比例压缩，显示在移动端。
PC端：
像素显示一般按网页设计时的宽高显示。
移动端：
像素显示分为物理像素和逻辑像素。
物理像素：
设备像素，在同一个设备上，它的物理像素是固定的，这是厂商在出厂时就设置好了的，即一个设备的分辨率是固定的。
逻辑像素：
CSS像素，viewport中的一个小方格，CSS样式代码中使用的是逻辑像素。如果在一个设备中，物理像素与逻辑像素相等，将不会产生任何问题。例如，在iphone 4中，物理像素是640px*960px，而逻辑像素数为320*480px。因此，需要使用大约4个物理像素来显示一个CSS像素。
简单实例：
***代码演示：***
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Document</title>
</head>
<body>
<div style="width: 200px;height: 200px;background-color: cyan;"></div>
</body>
</html>
效果：
