4.2 HTML Viewport Meta

viewport 語法

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

  • width=device-width：設定 viewport 的寬度等於設備寬度。

  • initial-scale=1.0：設定初始放大率等於1。(建議不需更改)

  • user-scalable=yes：設定使用者是否可以針對網頁縮放(zoom-in、zoom-out)。(實測結果並非所有瀏覽器支援。)

結論

做 RWD 的頁面，就在 html 的 <head> 區段中，加上以下的 meta 標籤即可，完全不用改：

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

Previous4.1 Viewport 定義Next5 Bootstrap Grid System

Last updated