1   流式布局

其实  流式布局  就是百分比布局，通过盒子的宽度设置成百分比来根据屏幕的宽度来进行伸缩，不受固定像素的限制，内容向两侧填充。

这样的布局方式  就是移动web开发使用的常用布局方式

2    Viewport

1. 我们猜想下pc页面在移动设备上显示情况。

放不下，缩放？

1. 我们测试下pc页面在移动设备上显示。

默认的缩放的显示的

1. 认识viewport

在移动端用来承载网页的这个区域，就是我们的视觉窗口，viewport（视口）,这个区域可是设置高度宽度，可是按比例放大缩小，而且能设置是否允许用户自行缩放。

width：宽度设置的是viewport宽度，可以设置device-width特殊值

initial-scale：初始缩放比，大于0的数字

maximum-scale：最大缩放比，大于0的数字

minimum-scale：最小缩放比，大于0的数字

user-scalable：用户是否可以缩放，yes或no（1或0）；

用meta标签把viewport的宽度设为device-width，同时initial-scale=1，user-scalable = 0就构建了一个标准的移动web页面

最新文章

1. 【转】PHOTOSHOP常用快捷键大全
2. Electronic Payment App analysis
3. Android开发小问题总结
4. C#构造Http 破解学校教务系统学生账号密码
5. hdu 5925 Coconuts 离散化+dfs
6. C++自定义异常处理
7. JQuery UI进度条——Progressbar
8. nmon监控分析
9. Shell 字符串处理
10. windows 安装touch指令
11. Yii2.0 解决“the requested URL was not found on this server”问题
12. IIC - 【转载】对I2C总线的时钟同步和总线仲裁的深入理解
13. jQuery 自定义函数写法分享
14. css篇-less,scss 用calc问题
15. arcgis 要素服务增删改查
16. CAD插入块后坐标不匹配
17. 牛客网某比赛 I 小乐乐学博弈 博弈论
18. 使用jquery的ajax提交文件上传
19. php文件下载（解决文件下载后多几个字节的问题） 与封装成类的例子
20. CF271D_Good Substrings

热门文章

1. java keytool证书工具使用小结（转载）
2. switch穿透中语句的执行顺序
3. undefined reference to “boost” in Qt—Ubuntu
4. 项目随笔之springmvc中freemark如何获取项目路径
5. 编写模块时的声明(含MODULE_LICENSE等)(转)
6. ZBrush中的PolyPainting如何理解？
7. 记一次IOS对 JS的支持问题
8. 【转】【Oracle 集群】Oracle 11G RAC教程之集群安装（七)
9. Smallest Common Multiple FreeCodeCamp
10. 洛谷P3111 [USACO14DEC]牛慢跑Cow Jog_Sliver 性质分析