首页 > Web开发 > 详细

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

时间:2020-07-01 00:55:17      阅读:74      评论:0      收藏:0      [点我收藏+]
  • ??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

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

    原文:https://www.cnblogs.com/breakyizhan/p/13216491.html

    (0)
    (0)
       
    举报
    评论 一句话评论(0
    关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
    © 2014 bubuko.com 版权所有
    打开技术之扣,分享程序人生!