最小寬度 | @viewport.min-width (Device Adaptation) - CSS 中文開發手冊 - Break易站

•   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 中文開發手冊