Mobile Web Site

在 Apple 官方的 guidelines 中提到加入一個 meta tag:

<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>

會讓 iPhone 瀏覽器去定義 viewport，而 maximum-scale 設為 1.0，也就不會因為翻轉手機而讓它去做 scale 的動作。（google.com/m, x.facebook.com, m.flickr.com 以及 photo.xuite.net/_m 都有加這一個 meta tag）以下有一個很詳盡的解說~

http://blog.ericsk.org/archives/1299
http://hsinyu00.wordpress.com/2011/04/05/mobile-web-viewport/