1

我最近在 CSS 中遇到了一个问题，我将min-width属性设置为在 Firefox 中有效但在 Webkit 中中断的某个值。在使用 Chrome 检查器进行一些操作时，我发现了一个属性-webkit-min-logical-width，当设置为与 不同的值时min-width，可以修复我在 Chrome 中的布局问题！有谁知道这个属性应该做什么？我用谷歌搜索它并没有想出任何东西，即使在 webkit 的网站上也是如此。

编辑这是一个演示这一点的小提琴。在 Chrome 和 FF 中查看以查看差异。看来它可能是最小宽度覆盖？

4

2 回答 2

1

-webkit-min-logical-widthmin-width仅在将其放置在其后时才覆盖。在前面时，min-width被选中。

这基本上使它们相等，我猜那-webkit-min-logical-width是min-width. 这是一个临时名称，仍然必须努力避免破坏旧网站:)。

只是我的一杯茶:)

编辑：

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

测量或逻辑宽度

内联尺寸的测量：在水平书写模式下是指物理宽度（水平尺寸），在垂直书写模式下是指物理高度（垂直尺寸）。（术语度量源于它在排版中的使用。）

于 2011-05-25T23:03:08.270 回答
0

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

min-logical-width是min-width当书写模式为水平时。

min-logical-width是min-height当书写模式为垂直时。

我找到了原始的规范修订草案。如果您向下滚动一点，您会发现一个表格，该表格根据写入模式将属性映射到已知属性。

另外，我相信它很快就会消失，并且对于破解你的 Chrome 的 CSS 完全没用。

于 2016-12-13T08:03:48.530 回答