前端

最小宽度 | @viewport.min-width (Device Adaptation) – CSS 中文开发手册 – Break易站

云博小周宇1 Min Read 
  • ??CSS 中文开发手册

    最小宽度 | @viewport.min-width (Device Adaptation) – CSS 中文开发手册

    min-widthCSS描述符指定通过@viewport所定义的文档的视口的最小宽度。

    默认情况下，min-width考虑到最小宽度约束，将其设置为尽可能接近初始视口。

    Related at-rule

    @viewport

    初始值

    auto

    百分比值

    refer to the width 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 */
min-width: auto;

/* <length> values */
min-width: 320px;
min-width: 40em;
min-width: 5cm;

/* <percentage> value */
min-width: 25%;

    值

    auto使用的值是根据其他CSS描述符的值计算的。

    <length>非负绝对或相对长度。

    <percentage>相对于缩放因子1.0的初始视口的宽度或高度的百分比值，分别用于水平和垂直长度。肯定是非负的。

    形式语法

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

    规范

    Specification

    Status

    Comment

    CSS Device AdaptationThe definition of ‘”min-width” 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 中文开发手册

  • ??本文标题：
    最小宽度 | @viewport.min-width (Device Adaptation) – CSS 中文开发手册 – Break易站 转载请保留页面地址：https://www.breakyizhan.com/css/32053.html