最大高度 | @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

    语法

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    /* 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。必须是非负的。

    正式语法

    1
    2
    3
    4
    <viewport-length>where
    <viewport-length> = auto | <length-percentage>
    where
    <length-percentage> = <length> | <percentage>

    示例

    1
    2
    3
    @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   MrAit  阅读(155)  评论(0编辑  收藏  举报

    编辑推荐:
    · 为什么说在企业级应用开发中,后端往往是效率杀手?
    · 用 C# 插值字符串处理器写一个 sscanf
    · Java 中堆内存和栈内存上的数据分布和特点
    · 开发中对象命名的一点思考
    · .NET Core内存结构体系(Windows环境)底层原理浅谈
    阅读排行:
    · 为什么说在企业级应用开发中,后端往往是效率杀手?
    · DeepSeek 解答了困扰我五年的技术问题。时代确实变了!
    · 本地部署DeepSeek后,没有好看的交互界面怎么行!
    · 趁着过年的时候手搓了一个低代码框架
    · 推荐一个DeepSeek 大模型的免费 API 项目!兼容OpenAI接口!

    导航

    < 2025年2月 >
    26 27 28 29 30 31 1
    2 3 4 5 6 7 8
    9 10 11 12 13 14 15
    16 17 18 19 20 21 22
    23 24 25 26 27 28 1
    2 3 4 5 6 7 8
    点击右上角即可分享
    微信分享提示