码迷,mamicode.com
首页 > Web开发 > 详细

方向 | @viewport.orientation (Device Adaptation) - CSS 中文开发手册 - Break易站

时间:2020-06-30 23:00:34      阅读:124      评论:0      收藏:0      [点我收藏+]

标签:tor   tin   cat   bre   mob   gecko   word   body   key   

  • ??CSS 中文开发手册

    方向 | @viewport.orientation (Device Adaptation) - CSS 中文开发手册

    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

    ?

  • ??CSS 中文开发手册
    转载请保留页面地址:https://www.breakyizhan.com/css/32027.html

    方向 | @viewport.orientation (Device Adaptation) - CSS 中文开发手册 - Break易站

    标签:tor   tin   cat   bre   mob   gecko   word   body   key   

    原文地址:https://www.cnblogs.com/breakyizhan/p/13216345.html

    (0)
    (0)
       
    举报
    评论 一句话评论(0
    登录后才能评论!
    © 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
    迷上了代码!