移动端适配，自适应布局的各类方案与最佳实践

知识预备： 1. 像素 像素分为css像素和物理像素（设备像素） 在css和js中写的px单位，都属于css像素； 物理像素只和设备或者说硬件有关，一样尺寸的屏幕，设备的密度越高，物理像素越多。 细节可参考：你真的了解css像素嘛？javascript 2. 视口 广义的视口，是指浏览器显示内容的屏幕区域，狭义的视口包括了布局视口、视觉视口和理想视口 在移动端中，理想视口或者说分辨率跟物理像素之间

>>阅读原文<<