开发者

What does the "-webkit-min-logical-width" property do?

I've recently come across a problem in CSS where I set the min-wi开发者_运维技巧dth 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?


-webkit-min-logical-width only overrides min-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 of min-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

measure or logical width

A measurement in the inline dimension: refers to the physical width (horizontal dimension) in horizontal writing modes, and to the physical height (vertical dimension) in vertical writing modes. (The term measure derives from its use in typography.)


Do not use it. Non standard and probably deprecated or soon to be removed (see below). Here is the simple definition -

min-logical-width is min-width when the writing mode is horizontal.

min-logical-width is min-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.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜