Зачем при верстке используют width,max-width,height,max-height в процентах?

Свойства width, max-width, height, max-height в процентах используют при вёрстке для соблюдения размера элемента в контейнере. yandex.ru Это нужно для «резиновости» вёрстки и адаптивного отображения сайта на разных устройствах. otus.ru webformyself.com

Некоторые примеры использования:

• Совместное использование width и max-width. yandex.ru Текстовые блоки должны тянуться по ширине контейнера, но до определённого значения, в противном случае очень длинную строку будет неудобно читать. yandex.ru Пример реализации: .txt { width: 100%; max-width: 500px; }. yandex.ru
• Адаптивная картинка. yandex.ru Нужно вписать картинку в ширину контейнера и сделать её адаптивной. yandex.ru Например, если установить max-width: 100%, то изображение будет отображать реальный размер до того момента, пока контейнер не станет меньше размера картинки. yandex.ru
• Анимация высоты. yandex.ru С помощью свойства max-height можно анимировать высоту элемента. yandex.ru