CSS -moz可用于Webkit中的等价物?

Eon*_*nil 5 css webkit

-moz-available在Webkit中的等价物?

Hen*_*han 11

它现在在WebKit中得到支持width:-webkit-fill-available,在CSS内在和外在大小模块级别3(http://www.w3.org/TR/2012/WD-css3-sizing-20120927/#width-height-keywords)中定义.

与Gecko相反,Gecko的实现width:-moz-available基于CSS基本盒模型(http://dev.w3.org/csswg/css-box/#the-width-and-height-properties).

请注意,两个值都以不同的术语定义; 它们在边缘情况下的功能可能不同.此外,在CSS内在和外在大小模块级别3的编辑草案(2013年10月11日)中,fill-available现在指定为fill.


gre*_*eim 6

这在 Chrome 中对我有用:

box-sizing: border-box;
Run Code Online (Sandbox Code Playgroud)

  • 需要注意的是,这需要将元素的“width”设置为“100%”。 (2认同)