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需要滾動的都可以生效了。