我最近在CSS中遇到了一个问题,我将min-width
属性设置为某个值,该值在Firefox中有效但在Webkit中断。在使用Chrome检查器玩一下时,我发现属性-webkit-min-logical-width
,当设置为与min-width
不同的值时,修复了我在Chrome中的布局问题!有谁知道这个属性应该做什么?我搜索了它,并没有想出任何东西,甚至在webkit的网站上。
编辑这是一个fiddle,展示了这一点。在Chrome和FF中查看以查看差异。看起来它可能是最小宽度覆盖?
答案 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-width
为min-width
。
min-logical-width
为min-height
。
我找到了original draft specification revision。如果向下滚动一下,您将找到一个表,根据写入模式将属性映射到已知属性。
另外,我相信it is going away soon并且会因为黑客攻击Chrome而无法使用它。