Meta标签的作用：
作用：根据手机浏览器屏幕大小，改变手机浏览器的默认视口大小。
        默认视口大小 = 设备屏幕大小
移动端-倍图问题：
        问题：图片在高清屏幕时，会被放大，图片放大就会模糊；
        解决：制作图片是制作倍图，布局显示时缩小显示；
技术选型
        注意点：
1.        浏览器兼容性问题（只考虑webkit内核，放心使用h5和c3）
2.        样式初始化，使用别人写好的
3.        移动端元素，使用C3新的盒子模型进行布局（padding和border不会撑开盒子）
4.        手机浏览器中有一些固定的样式，清除。
流式布局（百分比布局）
1.布局盒子的宽度通通设置为百分比
                2.布局盒子会设置一个最大值 max-width和一个最小值 min-width

Meta标签的作用：
作用：根据手机浏览器屏幕大小，改变手机浏览器的默认视口大小。
        默认视口大小 = 设备屏幕大小
移动端-倍图问题：
        问题：图片在高清屏幕时，会被放大，图片放大就会模糊；
        解决：制作图片是制作倍图，布局显示时缩小显示；
技术选型
        注意点：
1.        浏览器兼容性问题（只考虑webkit内核，放心使用h5和c3）
2.        样式初始化，使用别人写好的
3.        移动端元素，使用C3新的盒子模型进行布局（padding和border不会撑开盒子）
4.        手机浏览器中有一些固定的样式，清除。
流式布局（百分比布局）
1.布局盒子的宽度通通设置为百分比
                2.布局盒子会设置一个最大值 max-width和一个最小值 min-width