移动端布局（简单介绍）

视口： 布局视口、视觉视口、理想视口

mate视口标签

物理像素&物理像素比

PC端和早前的手机屏幕：1css = 1物理像素

Retina（视网膜屏幕）是一种显示技术，可以将把更多的物理像素点压缩至一块屏幕里，从而达到更高的分辨率，并提高屏幕显示的细腻程度

多倍图

由于物理像素与css像素比不一样，所以对于一张50px*50px的图片，在手机上打开，会按照物理像素比放大倍数，这样会造成图片模糊。我们要解决在高清设备中的模糊问题，通常使用二倍图，看实际开发需要

背景图片注意缩放问题：

移动端开发选择

移动端开发主流方案：1.单独制作移动端页面（主流）2.响应式页面兼容移动端（其次）

1.单独制作移动端页面（主流）

        流式布局（百分比布局）

        flex弹性布局（强烈推荐）

        less+rem+媒体查询布局

        混合布局

2.响应式页面兼容移动端（其次）

        媒体查询

        bootstrap

具体移动端的介绍，我将在下一章主要介绍