为一个文档定义屏幕方向
通过screen.orientation属性的lock()方法可以调整屏幕方向,其默认值是any,这允许设备根据其物理方向来应用任何方向。值”natural”将在设备的自然方向上显示网站,因设备而异。智能手机通常使用横屏,平板则使用竖屏。
screen.orientation.lock(natural);
上面的示例中,为设备设置自然方向。
当然,Screen Orientation API也允许你定义一个独立的方向,其有四个值可以选择,这已经包含了移动设备所有可能的方向。这四个值分别是: “portrait-primary”, “portrait-secondary”, “landscape-primary”和 “landscape-secondary”。
上图显示了所有四个值的方向: “portrait-primary”, “portrait-secondary”, “landscape-primary”和 “landscape-secondary”。
对于智能手机,值portrait-primary和值natural是一样的,并等同于默认方向。值portrait-secondary将横屏模式旋转180°,所以设置成设别的自然模式时,网站看起来几乎时颠倒的。
screen.orientation.lock(portrait-primary);
同样,landscape-secondary和landscape-primary不同之处是前者将屏幕旋转了180°。
你也可以不用secondary和primary,仅适用landscape和portrait作为关键字,这将允许设备在两种方向模(portrait-primary、 portrait-secondary或landscape-primary、 landscape-secondary)式下显示。
取消
评论