iphone在设置了initial-scale=1 之后，我们终于可以以1:1 的比例进行页面设计了。

关于viewport，还有一个很重要的概念是：iphone 的safari 浏览器完全没有滚动条，而且不是简单的“隐藏滚动条”，是根本没有这个功能。

iphone 的safari 浏览器实际上从一开始就完整显示了这个网页，然后用viewport 查看其中的一部分。

当你用手指拖动时，其实拖的不是页面，而是viewport。浏览器行为的改变不止是滚动条，交互事件也跟普通桌面不一样。

解决办法：

用iphone或ipad浏览很长的网页滚动时的滑动效果很不错吧？不过如果是一个div，然后设置height:200px;overflow:auto;的话，可以滚动但是完全没有那滑动效果，很郁闷吧？

我看到很多网站为了实现这一效果，用了第三方类库，最常用的是iscroll（包括新浪手机页，百度等）我一开始也使用，不过自从用了-webkit-overflow-scrolling: touch;样式后，就完全可以抛弃第三方类库了，

把它加在body{}区域，所有的overflow需要滚动的都可以生效了。

最新文章

1. [Java] Java执行Shell命令
2. Sqli-LABS通关笔录-6
3. css 属性
4. QCom MSM MDP显示驱动一些点的简记
5. 在Hadoop伪分布式模式下安装Hive(derby,mysql)
6. javascript操作
7. as3+java+mysql(mybatis) 数据自动工具（五）
8. 在 win 10 中使用sql 2012 附加低版本数据失败的解决办法。
9. shell的编程结构体
10. webstorm激活破解码+++使用技巧
11. 框架原理第一讲,熟悉常用的设计方式.(以MFC框架讲解)
12. 使用IDEA快速插入数据库数据的方法
13. 邮件服务器安装--Postfix + Dovecot + Squirrelmail--CentOS 6.4
14. Metasploit Framework（3）Meterpreter
15. UVA - 10480 Sabotage【最小割最大流定理】
16. 前端 html css
17. android:ems="10"是什么意思
18. java面试第十七天
19. Extjs window组件 拖动统制
20. Codeforces Round #412 A Is it rated ?

热门文章

1. BUPT复试专题—网络传输(2014网研)
2. 使用azure send grid发送email
3. gulp配置 - PC
4. Android eclipse 项目R文件无法生成
5. [poj 2331] Water pipe ID A*迭代加深搜索（dfs）
6. binary-tree-preorder-traversal——前序遍历
7. SpringBoot学习之@SpringBootApplication注解
8. 【dotnet跨平台】"dotnet restore"和"dotnet run"都做了些什么？
9. 李洪强iOS开发之-入门指南
10. Oracle递归查询的原理