小随笔（怪异标准模式，物理逻辑像素）

怪异模式

怪异模式（英语：quirks mode）是指在计算机领域中，一些网页浏览器为了维持对较旧的网页设计的向后兼容性，而使用的一种技术。

标准模式

严格遵循万维网联盟（W3C）与互联网工程任务组（IETF）标准而设计的“标准模式。

怪异模式与标准模式的区别

1. 最常见的区别就是两种模式下的盒子模型，标准的盒子模型的宽度为：左右margin+左右border+左右padding+content（实际内容的宽度）

怪异盒子模型的宽度为：左右margin+content（实际内容的宽度+左右border+左右padding）

2. 在h5中，!DOCTYPE html用来启用标准模式，有无!DOCTYPE html就大致可以区分是否为标准模式或者怪异模式
<script> alert(window.top.document.compatMode) </script>
有时弹出：

无时弹出：

物理像素、逻辑像素

物理像素：设备像素，就比如手机它在出厂时就设置好了他的分辨率，这个是不可以更改的。
逻辑像素：CSS像素，就是我们常在css代码中写的像素单位，但他与物理像素一般不等，如果逻辑像素与物理像素相等，是没有任何问题的。然而不等，这也就是我们需要解决的适配问题。
tips：理论上物理像素应该等于逻辑像素，但是随着时代发展，拿手机来说，屏幕大小不变，但是其分辨率不断变大，这也就造成了物理像素不等于逻辑像素。