Specify the minimum width for elements that automatically change their size.
This value will be used when the text of an element is so short that it doesn't fill the full width of the element. In this case the extra width is left as empty space.
It is also used when an element is resized and shrinks below the full width needed for its text. In this case the text will be subject to the
overflow-x property, which will either cause a horizontal scrollbar to appear or cause the overflowing text to be hidden.
Use any of these font-relative typographic units to set the element's minimum width:
|rem||relative em||The |
|ch||"0"||The advance measure (the width) of the current font's "0" glyph|
|ic||ideograph count||The advance measure (the width) of the current font's "水" ideograph|
Or use any of these fixed size units which are independent of the current font:
|%||percent||A percentage of the parent element's width|
|in||inch||A size equal 96px|
|px||pixels||A size equal to 1/96 inch|
|pt||point||A size equal 1in/72 = 1.33px|
|pc||pica||A size equal 1in/6 = 12pt = 16px|
|cm||centimeter||A size equal to 96px/2.54 = 37.8px|
|mm||millimeter||A size equal to 96px/25.4 = 3.8px|
|Q||quarter millimeter||A size equal to 96px/1016 = 0.94px|
Or use these viewport-percentage units which account for different display device capabilities:
|vh||viewport height||1% of the viewport's height|
|vw||viewport width||1% of the viewport's width|
|vi||viewport inline axis||1% of the viewport's inline axis|
|vb||viewport block axis||1% of the viewport's block axis|
|vmin||viewport minimum||Either vh or vw, whichever is smaller|
|vmax||viewport maximum||Either vh or vw, whichever is larger|