Конструктор тестів
- Всеосвіта›
- Бібліотека тестів›
- Інформатика›
- Урок 33. Адаптація проєкту для мобільних пристроїв
Тест:
Урок 33. Адаптація проєкту для мобільних пристроїв
21.02.2026
Вміст тесту:
1
2
3
4
5
6
7
8
9
10
11
12
1
1 з 15 балів
Який HTML-тег у розділі <head> є обов'язковим для того, щоб мобільні браузери правильно відображали масштаб сторінки?
2
1 з 15 балів
Який семантичний тег найкраще підходить для групування основних навігаційних посилань сайту?
3
1 з 15 балів
Яка властивість CSS дозволяє блокам (наприклад, карткам) стояти поруч в один ряд, але при цьому мати можливість задавати їм ширину та відступи?
4
1 з 15 балів
Що таке "точка зламу" (breakpoint) в адаптивній верстці?
5
1 з 15 балів
Як за допомогою CSS змінити макет сторінки тільки для пристроїв, ширина екрана яких не перевищує 768 пікселів?
6
1 з 15 балів
Яке CSS-правило допоможе перетворити горизонтальне меню (де пункти стоять у ряд) на вертикальне (один під одним)?
7
1 з 15 балів
Якщо на комп'ютері три колонки мають width: 32%, що потрібно змінити в медіазапиті для телефонів, щоб вони вишикувалися вертикально і займали всю ширину екрана?
8
1 з 15 балів
Який підхід до адаптації заголовків на маленьких екранах є найбільш правильним?
9
3 з 15 балів
Які дії зазвичай виконують у медіазапитах для мобільних пристроїв, щоб покращити зручність користування сайтом?
10
2 з 15 балів
Які значення ширини (breakpoints) найчастіше використовуються для написання медіазапитів під смартфони та планшети?
11
1 з 15 балів
Розробник написав медіазапит для мобільної версії, але він не працює. У чому найбільш ймовірна причина, якщо синтаксис коду правильний?
/* версія #0001 */
@media (max-width: 600px) {
.card { width: 100%; }
}12
1 з 15 балів
Навіть після додавання медіазапитів сайт на телефоні виглядає як маленька копія десктопної версії (все дуже дрібне). Яка причина?
Рефлексія від 2 учнів
Сподобався:
0
Так: 2
Ні: 0
Зрозумілий:
0
Так: 2
Ні: 0
Потрібні роз'яснення:
0
Ні: 2
Так: 0