RWD 手機版面可以用手勢放大收小的小方法

要做手機版網頁,就要先對網頁進行宣告,通常網路上會介紹下述的一個方法:

在<head>~</head>之間:

加入下方的資訊:

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

這結果是真的會變成手機的瀏覽方式,但就無法用手指放大縮小畫面了 ><

 

所以呀,把上述資料調整如下,就可以在手機版網頁介面下,用手指進行放大縮小了唷!!

<meta name="viewport" content="width=device-width, initial-scale=1″>

 

廣告

給予回應

在下方填入你的資料或按右方圖示以社群網站登入:

WordPress.com Logo

您的留言將使用 WordPress.com 帳號。 登出 / 變更 )

Twitter picture

您的留言將使用 Twitter 帳號。 登出 / 變更 )

Facebook照片

您的留言將使用 Facebook 帳號。 登出 / 變更 )

Google+ photo

您的留言將使用 Google+ 帳號。 登出 / 變更 )

連結到 %s