2010-08-01 68 views
4

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

+0

我会建议快速Google搜索这样的问题。 – poepje 2014-10-21 09:39:40

+0

@poepje问这个问题时根本没有好的搜索结果。请参阅所选答案。我相信这个问题的历史可以帮助一些人。 – Eonil 2014-10-21 09:49:03

回答

0

一旦它的实现(或准备),你可以使用

please-use-available-width 

但现在使用

-webkit-please-use-available-width 

PS。 这是一个笑话

没有webkit解决方案这个问题 - 严重的问题。 重要性在于事实上,内容很少的浮动内容DIV将被调整为该内容的宽度。这打破了页面。

浮动内容DIV用于在菜单之前放置​​内容,即可访问性杂注。 我们只能希望将这个值纳入下一个CSS规范中。

保持你的手指交叉:-)

3

一旦实施(或者已经实施),-webkit-available或简单地available应该工作。

+0

我爱无法解释的downvotes – You 2010-08-01 23:03:18

+0

它可能没有实现,因为他们也不工作。 – Eonil 2010-08-07 15:32:02

4

这在Chrome工作对我来说:

box-sizing: border-box; 
+0

应该指出的是,这要求将元素的“宽度”设置为“100%”。 – lxg 2014-10-21 22:47:40

9

它现在是在WebKit的支持作为width:-webkit-fill-available,在CSS定义的内在外在&浆纱模块级别3(http://www.w3.org/TR/2012/WD-css3-sizing-20120927/#width-height-keywords)。

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

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