网页流式设计 第1篇
移动端浏览器基本以 webkit 内核为主，因此我们就考虑webkit兼容性问题。 我们可以放心使用 H5 标签和 CSS3 样式。 同时我们浏览器的私有前缀我们只需要考虑添加 webkit 即可
移动端 CSS 初始化推荐使用 ：保护了有价值的默认值 ：修复了浏览器的bug ：是模块化的 ：拥有详细的文档
网页流式设计 第2篇
1. 单独制作 移动端 页面（主流） 流式布局（百分比布局） flex 弹性布局（强烈推荐） less+rem+媒体查询布局 混合布局 2. 响应式 页面兼容移动端（其次） 媒体查询 bootstarp
网页流式设计 第3篇
为了使网站在移动端有最理想的浏览和阅读宽度而设定 理想视口，对设备来讲，是最理想的视口尺寸 需要手动添写meta视口标签通知浏览器操作 meta视口标签的主要目的：布局视口的宽度应该与理想视口的宽度一致，简单理解就是设备有多宽，我们布 局的视口就多宽
视口 就是浏览器显示页面内容的屏幕区域 视口分为布局视口、视觉视口和理想视口 我们移动端布局想要的是理想视口就是手机屏幕有多宽，我们的布局视口就有多宽 想要理想视口，我们需要给我们的移动端页面添加 meta视口标签
视口宽度和设备保持一致 视口的默认缩放比例 不允许用户自行缩放 最大允许的缩放比例 最小允许的缩放比例
网页流式设计 第4篇
对于一张 50px * 50px 的图片,在手机 Retina 屏中打开，按照刚才的物理像素比会放大倍数，这样会造成图片模糊 在标准的viewport设置中，使用倍图来提高图片质量，解决在高清设备中的模糊问题 通常使用二倍图， 因为iPhone 6\7\8 的影响,但是现在还存在3倍图4倍图的情况，这个看实际开发公司需求 背景图片 注意缩放问题
background-size 属性规定背景图像的尺寸