# data-view-whr

**声明位置：**

视图容器 DOM 元素，例如：

```markup
<body>
    <div data-view-container data-view-whr="414 / 736">
        <section data-view-id="myView" data-view>
            视图内容
        </section>
    </div>
</body>
```

设置后，当使用 PC设备 在 类横屏模式（窗口宽度大于高度） 下浏览时，View\.js 将页面以 414 \* 736 分辨率（iPhone 8 plus 的分辨率）渲染。此时，视图容器的高度为浏览器窗口的高度，宽度为 `高度 / 736 * 414`，并且水平居中。

有关视图布局的更多信息，点击 [这里](https://doc.view-js.com/main.-shi-tu-bu-ju) 去了解。

**是否必须：**

否。

**属性取值：**

`宽度 / 高度` 。
