Що означає «elastic layout»?

Elastic layout - це тип макета, у якому розміри елементів задаються у відносних одиницях, залежних від розміру шрифту (зазвичай em або rem). Такий макет «гумовий» не від ширини вікна браузера, а від базового розміру тексту, тому при зміні шрифту збільшуються (або зменшуються) і блоки, і весь інтерфейс.

Ключові ознаки:

• ширина блоків в em або rem, а не в px чи %
• інтерфейс масштабується пропорційно зміні розміру тексту
• користувач може збільшити шрифт, і макет не «ламається»

У порівнянні:

Підсумок: Elastic layout - це макет, який масштабується разом із текстом, зберігаючи пропорції інтерфейсу за рахунок використання одиниць em/rem.