max-width — это свойство CSS, которое устанавливает максимальную допустимую ширину содержимого элемента. Если ширина содержимого превышает установленное значение max-width, то элемент будет автоматически разделен на несколько строк или уменьшен до указанного значения.
Синтаксис для установки свойства max-width:
selector {
max-width: value;
}Значение может быть задано в пикселях, процентах или любых других допустимых для ширины единицах измерения.
Например, следующий код задает max-width для элемента с классом .container:
.container {
max-width: 800px;
}Этот код означает, что ширина элемента .container не будет превышать 800 пикселей.
Свойство max-width может быть удобно применять для создания адаптивного дизайна, когда на маленьких экранах элементы должны быть уменьшены до определенной ширины, чтобы страница оставалась читабельной.
