手機版網頁 畫面滿版

http://cfyeric.blogspot.tw/2010/10/blog-post.html

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


Viewport的屬性
width / height
設定該頁適合顯示的畫面大小

device-width設定依行動裝置的螢幕寬度而定

initial-scale
設定預設的畫面是以多少倍的 viewport 來顯示

minimum-scale / maximun-scale
設定畫面提供縮放的最小與最大比例，值都為正數。最小值default：0.25；最大值default：10.0

通常可設定maximun-scale=1.0 防止螢幕翻轉成landscape模式後重新讓內容去對應轉動後viewport的寬度

user-scalable
設定是否能夠讓使用者縮放的功能