Что делает свойство "-webkit-min-logic-width"? - PullRequest
1 голос
/ 26 мая 2011

Недавно я столкнулся с проблемой в CSS, где я установил для свойства min-width определенное значение, которое работает в Firefox, но не работает в Webkit. Немного поэкспериментировав с инспектором Chrome, я обнаружил свойство -webkit-min-logical-width, которое при установке значения, отличного от min-width, устраняет проблемы с макетом в Chrome! Кто-нибудь знает точно, что это свойство должно делать? Я гуглил и ничего не придумал, даже на сайте webkit.

РЕДАКТИРОВАТЬ Вот скрипка , демонстрирующая это в действии. Посмотрите в Chrome и FF, чтобы увидеть разницу. Похоже, что это может быть переопределение минимальной ширины?

Ответы [ 2 ]

1 голос
/ 26 мая 2011

-webkit-min-logical-width переопределяет min-width только тогда, когда он находится после него. Когда впереди, min-width выбран.

Это в основном делает их равными, и я предполагаю, что -webkit-min-logical-width была первой реализацией webkit min-width. Это было временное имя, которое все еще должно работать, чтобы не сломать старые сайты:).

только моя чашка чая:)

EDIT:

это может быть так: http://dev.w3.org/csswg/css3-writing-modes/#abstract-dimensions

мера или логическая ширина

Измерение в линейном измерении: относится к физическому ширина (горизонтальный размер) в горизонтальные режимы записи и физическая высота (вертикальный размер) в вертикальных режимах письма. (Семестр мера вытекает из его использования в типографика.)

0 голосов
/ 13 декабря 2016

Не используйте его.Нестандартный и, вероятно, устарел или скоро будет удален (см. Ниже).Вот простое определение -

min-logical-width равно min-width, когда режим записи горизонтальный.

min-logical-width равно min-height, когда режим записи вертикальный.

Я нашел оригинальную версию спецификации .Если вы прокрутите немного вниз, вы найдете таблицу, которая сопоставляет свойства с известными свойствами в соответствии с режимом записи.

Кроме того, я считаю, что скоро он уйдет и отобразитэто совершенно бесполезно для взлома вашего CSS для Chrome.

...