问题描述
|
我最近在CSS中遇到了一个问题,我将ѭ0属性设置为某个值,该值在Firefox中有效,但在Webkit中中断。在与Chrome检查器一起玩耍的同时,我发现了属性
-webkit-min-logical-width
,将其设置为与different0ѭ不同的值时,可以解决我在Chrome中的布局问题!有谁确切知道此属性应该做什么?我用谷歌搜索它,甚至在webkit的网站上都没有提出任何建议。
编辑这是一个小提琴,演示了此操作。在Chrome和FF中查看以了解两者的区别。似乎是最小宽度替代?
解决方法
-webkit-min-logical-width
放置在ѭ0after之后会覆盖它。在前面时,选择min-width
。
这基本上使它们相等,我猜guess1是web0ѭ的第一个Webkit实现。这是一个临时名称,为了避免破坏较旧的网站,仍然必须使用它:)。
只是我的茶:)
编辑:
可能是这样:http://dev.w3.org/csswg/css3-writing-modes/#abstract-dimensions
度量或逻辑宽度
内联尺寸的度量:指实物
宽度(水平尺寸)in
横向书写模式,以及
物理高度(垂直尺寸)
在垂直书写模式下。 (期限
度量源自其在
字体)。
,不要使用它。非标准,可能已弃用或即将被移除(请参阅下文)。这是简单的定义-
当写入模式为水平时,min-logical-width
为min-width
。
当写入模式为垂直时,8ѭ为min-height
。
我找到了原始的规范草案修订版。如果向下滚动,将找到一个表,该表根据写入模式将属性映射到已知属性。
另外,我相信它很快就会消失,并且将使其完全无法为Chrome入侵CSS。