data-view-whr
设置视图容器的渲染宽高比(width height ratio)。当浏览环境为 PC landscape(宽度大于高度)模式时工作。
声明位置:
视图容器 DOM 元素,例如:
1
<body>
2
<div data-view-container data-view-whr="414 / 736">
3
<section data-view-id="myView" data-view>
4
视图内容
5
</section>
6
</div>
7
</body>
Copied!
设置后,当使用 PC设备 在 类横屏模式(窗口宽度大于高度) 下浏览时,View.js 将页面以 414 * 736 分辨率(iPhone 8 plus 的分辨率)渲染。此时,视图容器的高度为浏览器窗口的高度,宽度为 高度 / 736 * 414,并且水平居中。
有关视图布局的更多信息,点击 这里 去了解。
是否必须:
否。
属性取值:
宽度 / 高度
Last modified 1yr ago
Copy link