Учёт размера фрейма важен при создании адаптивного дизайна, потому что это позволяет:
- Адаптировать размер компонентов страницы в зависимости от устройства пользователя. 1 Например, на большом экране десктопа кнопка может быть небольшой, но на экране мобильного устройства кнопка небольшого размера ухудшает юзабилити: по ней нельзя нажать. 1
- Корректно отображать шрифты. 2 В адаптивной вёрстке размер шрифта зависит от ширины родительского контейнера. 2 Таким образом шрифты подстраиваются под размер пользовательского экрана, и типографика на странице остаётся читабельной на любом размере экрана. 2
- Учитывать ориентацию экранов. 3 У ноутбуков, десктопов и телевизоров она альбомная (ширина больше высоты), а у смартфонов и планшетов обычно портретная (высота больше), но может переворачиваться. 3