Разница в реализации между значением свойства min-height и max-height - PullRequest
1 голос
/ 03 августа 2020

enter image description here

As we can see in the attached picture, when we apply min-height: none is invalid syntax while max-height: none is valid syntax. And max-height: auto is invalid syntax, min-height: auto is valid syntax.

But when I looked in to the docs минимальная высота , максимальная высота , в нем указано:

нет:

Нет ограничений на размер коробки.

Я не смог найти точную деталь реализации для w3 c. Кто-нибудь знает, почему эта обратная концепция применяется в значениях свойств min-height и max-height? Или это просто ошибка браузера, не реализовавшая их?

Кто-то может сказать, что в документации указано, что такое значение none, и нам не о чем беспокоиться. Но я спрашиваю об этом, потому что наличие синтаксической ошибки в файле может повлиять на производительность - хотя это всего лишь небольшое мнение.

1 Ответ

0 голосов
/ 03 августа 2020

Если вы проверите спецификацию CSS2 , вы можете прочитать:

none

( Только для 'max-height' ) Нет ограничений по высоте поля.

none не является допустимым значением для min-height (также min-width), а auto не является допустимым значением для обоих.

Значение auto было введено в модуль Box Sizing Module Level 3 вместо значения по умолчанию 0 только для min-height

Примечание: начальное значение из авто новое; в [CSS2] начальное значение было равно нулю.

Введение значения auto для min-height / min-width сделано из-за Flexbox и CSS Grid, где auto value не будет вычисляться до 0

Примечание. Ключевое слово auto, представляющее автоматический c минимальный размер, является новым начальным значением свойств min-width и min-height. Ключевое слово было ранее определено в этой спецификации, , но теперь оно определено в модуле CSS Sizing . ref

Примечание: автоматическое значение min-width и min-height влияет на размер дорожки на соответствующей оси аналогично тому, как это влияет основной размер гибкого элемента. См. §6.6 Автоматизация c Минимальный размер элементов сетки. ref

Я думаю, мы можем предположить, что вне Flexbox и CSS Grid области auto будет вычислять 0

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...