Адаптивный веб-дизайн

Выберите определение кроссбраузерности

• способность сайта одинаково отображаться во всех нужных пользователям браузерах

• способность сайта по-разному отображаться во всех пользователям браузерах

• способность дописывать стили для других браузеров

Что необходимо чтобы верстать кроссбраузерно?

• Ориентироваться на самые популярные браузеры

• Нахождение хаков, понимаемые только одним браузером

• Использование CSS — Префиксов

• Применение специальных инструментов в сети для генерации кроссбраузерных стилей

Выберите определение адаптивного веб-дизайна

• это подход к созданию веб-страниц, при котором их внешний вид определяется через CSS, основываясь на ширине окна браузера

• это подход к созданию веб-страниц, при котором вид определяется через Html, основываясь на ширине окна браузера

Выберите из предложенных картинок резиновый тип адаптивного макета

• 
• 
• 
• 

Выберите из предложенных картинок тип адаптивного макета ПЕРЕНОС

• 
• 
• 
• 

Что включает в себя минимальный набор технологий адаптивной верстки?

• Относительные единицы измерения

• Медиа запросы (media queries)

• Абсолютные единицы измерения

• Медиа-функции

Найдите определение медиа-запроса

• это CSS-технология, которая позволяет определять условия для отображения тех или иных стилей.

• это CSS-технология, которая позволяет определять тип устройства

Что означает запись

.main .container > img

• Используем дочерние селекторы

• Используем соседние селекторы

• Используем селектор

• Используем вход в контейнер

Где в медиа-запросе содержится ошибка

@media (max-width: 500px) {

/* стили будут применяться, когда условие истинно */

}

• не прописан тип носителя

• нужно обязательно указывать min-height

• нет ошибки

Понравился ли Вам урок?

• Урок понравился, информация была полезной

• Урок понравился, но есть непонятные моменты

• Урок не понравился, информация была бесполезной