“-webkit-min-logic-width”是什么意思?财产呢?
我最近在 CSS 中遇到了一个问题,我将 min-width
属性设置为在 Firefox 中有效但在 Webkit 中中断的特定值。在使用 Chrome 检查器时,我发现了属性 -webkit-min-logic-width
,当设置为与 min-width
不同的值时,该属性,修复了我在 Chrome 中的布局问题!有谁确切知道这个属性应该做什么?我用谷歌搜索了它,但没有找到任何东西,即使在 webkit 的网站上也是如此。
编辑这是一个fiddle演示了这一点。在 Chrome 和 FF 中查看以查看差异。看来它可能是最小宽度覆盖?
I've recently come across a problem in CSS where I set the min-width
property to a certain value that works in Firefox but breaks in Webkit. While playing around a little bit with the Chrome inspector, I discovered the property -webkit-min-logical-width
that, when set to a different value than the min-width
, fixes my layout issues in Chrome! Does anyone know exactly what this property is supposed to do? I googled for it and didn't come up with anything, even on webkit's website.
EDIT Here's a fiddle demonstrating this in action. View in both Chrome and FF to see the difference. It appears that it may be a min-width override?
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
-webkit-min-logic-width
仅在放置在min-width
之后时覆盖它。当位于前面时,选择min-width
。这基本上使它们相等,我的猜测是
-webkit-min-logic-width
是min-width
的第一个 webkit 实现。这是一个临时名称,仍然需要发挥作用以避免破坏旧网站:)。只是我的一杯茶:)
编辑:
可能是这样: http: //dev.w3.org/csswg/css3-writing-modes/#abstract-dimensions
-webkit-min-logical-width
only overridesmin-width
when it's placed after it. When in front,min-width
is chosen.This basically makes them equal and my guess would be that
-webkit-min-logical-width
was the first webkit implementation ofmin-width
. It was a temporary name that still has to work to avoid breaking older websites :).just my cup of tea :)
EDIT:
this might be it: http://dev.w3.org/csswg/css3-writing-modes/#abstract-dimensions
不要使用它。非标准,可能已弃用或即将删除(见下文)。这是简单的定义 -
当书写模式为水平时,
min-logic-width
是min-width
。当书写模式为垂直时,
min-logic-width
为min-height
。我找到了 原始规范草案修订版。如果你向下滚动一点,你会发现一个表格,根据书写模式将属性映射到已知属性。
另外,我相信它很快就会消失< /a> 并将使其对于破解 Chrome 的 CSS 完全无用。
Do not use it. Non standard and probably deprecated or soon to be removed (see below). Here is the simple definition -
min-logical-width
ismin-width
when the writing mode is horizontal.min-logical-width
ismin-height
when the writing mode is vertical.I found the original draft specification revision. If you scroll down a bit, you will find a table that maps the properties to the known properties according to the writing mode.
Also, I believe it is going away soon and will render it completely useless for hacking your CSS for Chrome.