Min css что это?
друг говорит минимум,но min с шириной получается ограничение сверху?
Ваш вопрос
| Запись | Смысл |
|---|---|
width: min(100%, 40rem) | Выбрать меньшую из ширины родителя и 40rem |
min-width: 40rem | Установить нижнее ограничение ширины |
max-width: 40rem | Установить верхнее ограничение ширины |
Функция min сравнивает вычисленные значения, поэтому в примере с width фактически ограничивает ширину сверху. Если родитель имеет ширину 300px, а 40rem больше этого размера, выбирается 300px. Если родитель шире 40rem, выбираются 40rem. Аргументы должны быть совместимы с типом значения свойства. Это не отдельное свойство min и не команда, которая устанавливает минимальный размер элемента. Другие ограничения размеров продолжают участвовать в расчете.
4.20
Функция Min выбирает наименьшее значение из аргументов.
Пример
width: min(100%, 40rem) не даст ширине превысить 40rem. Свойство min-width, напротив, задает нижнее ограничение.
Название min относится к выбору меньшего аргумента, а не к минимальной ширине блока. В width: min(100%, 40rem) браузер берет меньшую из двух длин, поэтому 40rem становится верхним пределом этой записи. Min-width решает другую задачу и задает нижнее ограничение. Не путайте функцию внутри значения со свойством, которое ограничивает итоговый размер.
Пока нет премиум-вопросов в подборке
Не нашли то, что искали?
Задайте свой вопрос
Лучший ответ
Датахакер
Датахакер
Min css что это?
Значит для резинового контейнера такой min подходит.