“-webkit-min-logical-width”属性有什么作用?

时间:2011-05-25 20:11:58

标签: css webkit vendor-prefix

我最近在CSS中遇到了一个问题,我将min-width属性设置为某个值,该值在Firefox中有效但在Webkit中断。在使用Chrome检查器玩一下时,我发现属性-webkit-min-logical-width,当设置为与min-width不同的值时,修复了我在Chrome中的布局问题!有谁知道这个属性应该做什么?我搜索了它,并没有想出任何东西,甚至在webkit的网站上。

编辑这是一个fiddle,展示了这一点。在Chrome和FF中查看以查看差异。看起来它可能是最小宽度覆盖?

2 个答案:

答案 0 :(得分:1)

-webkit-min-logical-width仅在min-width放置后才会覆盖min-width。在前面时,选择了-webkit-min-logical-width

这基本上使它们相等,我的猜测是min-width是{{1}}的第一个webkit实现。这是一个临时名称,仍然必须努力避免破坏旧网站:)。

只是我的一杯茶:)。

编辑:

这可能是它:http://dev.w3.org/csswg/css3-writing-modes/#abstract-dimensions

  

度量或逻辑宽度

     

内联维度中的度量:指物理量   宽度(水平尺寸)in   横向书写模式,以及   物理高度(垂直尺寸)   在垂直书写模式。 (术语   衡量标准来源于它的用途   排版。)

答案 1 :(得分:0)

不要使用它。非标准的,可能已弃用或即将被删除(见下文)。这是简单的定义 -

当写作模式为水平时,

min-logical-widthmin-width

写作模式为垂直时,

min-logical-widthmin-height

我找到了original draft specification revision。如果向下滚动一下,您将找到一个表,根据写入模式将属性映射到已知属性。

另外,我相信it is going away soon并且会因为黑客攻击Chrome而无法使用它。