移动开发基础

物理像素(physical pixel)

一个物理像素是显示器(手机屏幕)上最小的物理显示单元，在操作系统的调度下，每一个设备像素都有自己的颜色值和亮度值。

设备独立像素(density-independent pixel)

设备独立像素(也叫密度无关像素)，可以认为是计算机坐标系统中得一个点，这个点代表一个可以由程序使用的虚拟像素(比如: css像素)，然后由相关系统转换为物理像素。

所以说，物理像素和设备独立像素之间存在着一定的对应关系，这就是接下来要说的设备像素比。

设备像素比(device pixel ratio)

设备像素比(简称dpr)定义了物理像素和设备独立像素的对应关系，它的值可以按如下的公式的得到：

devicePixelRatio=屏幕物理像素/设备独立像素

在javascript中，可以通过window.devicePixelRatio获取到当前设备的dpr。

移动端横屏竖屏判断

//监听横竖屏的变化
window.addEventListener('orientation', function(event){
    if(window.orientation == 0||window.orientation == 180){
        alert('竖屏');
    }
    if(window.orientation == 90||window.orientation == -90){
        alert('横屏');
    }
})

rem

rem:font size of the root element

rem 是相对于根元素的 html ，通过 rem 可以实现等比例适配所有屏幕。

meta标签

参考关于meta，你应该知道的事

未完待续