方向 | @viewport.orientation
orientationCSS描述符控制由@viewport所定义的文档的方向。
/* Keyword values */
orientation: auto;
orientation: portrait;
orientation: landscape;对于倾斜设备时改变方向的UA /设备，作者可以使用此描述符来禁止方向更改。
Related at-rule | @viewport |
|---|---|
初始值 | auto |
百分比值 | refer to the size of bounding box |
适用媒体 | visual, continuous |
计算值 | as specified |
规范顺序 | the unique non-ambiguous order defined by the formal grammar |
语法
值
auto用户代理将自动设置文档的方向，通常基于由加速度计（如果设备具有这样的硬件传感器）确定的设备的方向，尽管经常有用户控制的OS级“锁定方向”设置将超过加速计读数。
portrait文档应该锁定在纵向方向上。
landscape文件应锁定在横向。
正式语法
auto | portrait | landscape规范
Specification | Status | Comment |
|---|---|---|
CSS Device AdaptationThe definition of '"orientation" descriptor' in that specification. | Working Draft | Initial definition |
浏览器兼容性
Feature | Chrome | Firefox (Gecko) | Internet Explorer | Opera | Safari |
|---|---|---|---|---|---|
Basic support | No support | No support | 10 -ms | No support | ? |
Feature | Android | Chrome for Android | Firefox Mobile (Gecko) | IE Mobile | Opera Mobile | Safari Mobile |
|---|---|---|---|---|---|---|
Basic support | ? | ? | ? | ? | 8 -o | ? |
本文档系腾讯云开发者社区成员共同维护，如有问题请联系 cloudcommunity@tencent.com
