30天分享(12) - HTML5 viewport <meta> 標籤

viewport 是為了除了桌面畫面的裝置而產生，

使用viewport <meta> 標籤可以控制裝置畫面的顯示，

使用方式為 :

<meta name="viewport" content="width=device-width, user-scalable=no">

name 是指定 meta 的功能， content **** 是指定的內容，

width=device-width 代表網頁畫面將依裝置的螢幕大小為主，

user-scalable=no 是使用者無法使用觸控縮放畫面大小，相反為 yes。

也可以將畫面設定為像素固定，在不同裝置會產生不同畫面，

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

width=500 網頁寬度為500像素，超出寬度的畫面會被隱藏，

initial-scale=1 初始畫面為原始大小，已設成 500px 所以在任何裝置上看到的寬度都會是 500px 寬度的畫面。

<meta> 標籤通常放在網頁的 標籤裡，目的是宣告手機裝置的畫面寬度。