View.js - 属性
  • data-view
  • data-view-id
  • data-view-name
  • data-view-namespace
  • data-view-title
  • data-view-default
  • data-view-directly-accessible
  • data-view-group
  • data-view-fallback
  • data-view-fallback-namespace
  • data-view-container
  • data-view-auto-init
  • data-view-rel
  • data-view-rel-namespace
  • data-view-rel-disabled
  • data-view-whr
  • 指示属性
    • data-view-os
    • data-view-state
    • data-active-view-id
    • data-active-view-namespace
Powered by GitBook
On this page

Was this helpful?

data-view-whr

设置视图容器的渲染宽高比(width height ratio)。当浏览环境为 PC landscape(宽度大于高度)模式时工作。

Previousdata-view-rel-disabledNextdata-view-os

Last updated 5 years ago

Was this helpful?

声明位置:

视图容器 DOM 元素,例如:

<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,并且水平居中。

有关视图布局的更多信息,点击 去了解。

是否必须:

否。

属性取值:

宽度 / 高度 。

这里