如何解决“ -webkit-min-logical-width”属性有什么作用?
| 我最近在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。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。