Англійська лексика: Веброзробка · CSS і компонування сторінок

Що означає responsive design?

Значення й приклади · Веброзробка

іменникОсновний термін

responsive design: адаптивний дизайн

Підхід до створення сторінок, за якого те саме компонування пристосовується до будь-якого розміру екрана — від телефонів і планшетів до великих моніторів.

Де і як уживається

Його реалізують гнучким компонуванням, відносними одиницями, адаптивними зображеннями й медіазапитами. Про сайт кажуть is responsive («адаптивний») або isn't responsive («неадаптивний»). Mobile-first означає, що спершу проєктують для малих екранів.

Приклади речень

  1. The client wants a responsive design that works well on phones too.

    Замовнику потрібен адаптивний дизайн, який добре працює і на телефонах.

    Макет має пристосуватися до вузького екрана телефона, а не лише до комп’ютера.

  2. With responsive design, we don't need a separate mobile site anymore.

    З адаптивним дизайном окремий мобільний сайт більше не потрібен.

    Одна версія сторінки змінює компонування під екран замість підтримки окремого сайту.

Поширені словосполучення

  • responsive layout
  • fully responsive
  • mobile-first design
  • responsive images

Це слово в інших галузях

Те саме англійське слово може мати інше значення в іншій галузі:

Інші терміни: CSS і компонування сторінок

Закріплюйте лексику читанням

Тексти відповідного рівня допомагають запам’ятовувати нові слова. Оберіть безкоштовні книжки англійською: