wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Адаптивы

Total questions: 9

Worksheet time: 7mins

Name
Class
Date
1.

Что верно?

a)

Адаптивный дизайн и мобильный — одно и тоже

b)

Для адаптивного дизайн делается только 1 адаптив к декстопному варианту

c)

Адаптивная верстка — способ создания страниц, при котором они автоматически подстраиваются под размеры экрана устройства.

d)

Адаптивная верстка — это пропорциональное уменьшение десктопного экрана.

2.

Медиа-запрос — это...

a)

изменение характеристик (размеров, толщины, скруглений отступов и т.п.)

b)

Это удаление элементов с изначальной версии

c)

Запрос у заказчика на добавление адаптивных версий

3.

Выберите верные утверждения:

a)

Адаптив в 320 px сейчас популярен

b)

Картинку на из главной страницы нужно уменьшать не пропорционально

c)

Нужно делать как можно меньше медиа-запросов

d)

Адаптивная версия входит в стоимость сайта по умолчанию

4.

Выберите верные утверждения:

a)

кнопку в мобильной версии нужно растягивать на весь экран

b)

Отступы между блоками нужно уменьшать в зависимости от размера адаптива

c)

Размер кликабельных иконок начинаем от 24 px

d)

нельзя удалять изначальный контент

5.

Выберите верное утверждение:

a)

на 360 px делаем 3 колончатую сетку

b)

количество колонок в адаптиве, такое же, как и декстопе

c)

количество колонок меняется в зависимости от размера адаптива (например, для 360 подходит 1 колонка)

d)

отступы от края до края фрейма должны быть 60 px

6.

какой вариант правильный?

a)

1

b)

2

7.

какой вариант правильный?

a)

1

b)

2

8.

Почему изначально делать чётное количество карточек в проекте?

4 lines
9.

Какой должен быть размер текстового блока для мобильного адаптива?

a)

20 px

b)

24 px

c)

15-17 px

d)

28 px