MDN’s new design is in Beta! A sneak peek: https://blog.mozilla.org/opendesign/mdns-new-design-beta/

orientation

这篇翻译不完整。请帮忙从英语翻译这篇文章

摘要

此 orientation CSS 描述符控制由@viewport定义文档的方向。

通过设备的倾斜摆动情况来决定文档显示的方向,作者可以通过设置这个描述符来抑制方向的变化

Related at-rule@viewport
初始值auto
Percentagesrefer to the size of bounding box
适用媒体visual, continuous
计算值as specified
正规顺序the unique non-ambiguous order defined by the formal grammar

语法

/* Keyword values */
orientation: auto;
orientation: portrait;/*锁定为纵向*/
orientation: landscape;/* 锁定为横向*/

取值

auto
用户代理将文档的方向设置为自动,通常基于设备的定位由加速度传感器 (如果设备具有这种硬件传感器),但是用户控制,OS 级别的"锁方向"往往会优先于加速度传感器的设置。
portrait
文档被锁定为纵向。
landscape
文档被锁定为横向。

标准语法

auto | portrait | landscape

规范

规范 标准 注释
CSS Device Adaptation
"orientation" descriptor
Working Draft Initial definition

浏览器兼容性

Feature Chrome Firefox (Gecko) Internet Explorer Opera Safari
Basic support 未实现 未实现 10 -ms 未实现 ?
Feature Android Chrome for Android Firefox Mobile (Gecko) IE Mobile Opera Mobile Safari Mobile
Basic support ? ? ? ? 8 -o ?

文档标签和贡献者

标签: 
 此页面的贡献者: Minya_Chan
 最后编辑者: Minya_Chan,