最大高度 | @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 中文开发手册