最大高度 | @viewport.max-height (Device Adaptation) - CSS 中文开发手册 - Break易站

  •   CSS 中文开发手册

    最大高度 | @viewport.max-height (Device Adaptation) - CSS 中文开发手册

    max-heightCSS描述符指定通过定义的文档的视口的最大高度@viewportat-rule。

    考虑到最大高度约束,初始高度将尽可能接近初始视口高度。

    Related at-rule

    @viewport

    初始值

    auto

    Percentages

    refer to the height of the initial viewport

    适用媒体

    visual, continuous

    计算值

    if specified as a length, the corresponding absolute length; if specified as a percentage, the specified value; otherwise, auto

    正规顺序

    the unique non-ambiguous order defined by the formal grammar

    语法

    /* Keyword value */
    max-height: auto;
    
    /* <length> values */
    max-height: 400px;
    max-height: 50em;
    max-height: 20cm;
    
    /* <percentage> value */
    max-height: 75%;

    auto使用的值是从其他CSS描述符的值中计算出来的。<length>非负的绝对或相对长度。<percentage>相对于初始视口高度的百分比值,垂直长度缩放系数为1.0。必须是非负的。

    正式语法

    <viewport-length>where 
    <viewport-length> = auto | <length-percentage>
    where 
    <length-percentage> = <length> | <percentage>

    示例

    @viewport {
      max-height: 600px;
    }

    规范

    Specification

    Status

    Comment

    CSS Device AdaptationThe definition of '"max-height" descriptor' in that specification.

    Working Draft

    Initial definition

    浏览器兼容性

    Feature

    Chrome

    Firefox (Gecko)

    Internet Explorer

    Opera

    Safari

    Basic support

    29 (behind a flag)

    No support

    10 -ms

    11.10 Removed in 15 Reintroduced behind a flag in 16

    No support

    Feature

    Android

    Chrome for Android

    Firefox Mobile (Gecko)

    IE Mobile

    Opera Mobile

    Safari Mobile

    Basic support

    4.4

    29

    No support

    10-ms

    11.10 Removed in 15 Reintroduced behind a flag in 16

    No support

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

    posted on 2020-06-30 22:33  MrAit  阅读(153)  评论(0编辑  收藏  举报

    导航