---
# System prepended metadata

title: Meta viewport
tags: [HTML, ' RWD']

---

---
tags: HTML, RWD
---
# Meta viewport

`<meta name="viewport">` 是 Apple 為了讓網頁在 mobile 上能正確顯示而設計出來，用以指定瀏覽器要如何 render 和縮放網頁。如果沒有給的話，mobile 就會當作 desktop 來做 render。

## 設定值

![](https://i.imgur.com/iW2Ih4l.png)

使用起來長這樣，表示瀏覽器的寬度與 device 同寬：

```html
<meta name="viewport" content="width=device-width" />
```