Адаптивная вёрстка презентация

от корневого элемента
ex – Высота символа x
px – Пиксел
% – Процент

– Миллиметр
pt – Пункт (1 пункт равен 1/72 дюйма)
pc – Пика (1 пика равна 12 пунктам)

(vh) – процент относительно высоты окна браузера
Viewport Minimum (vmin) – процент относительно минимальной стороны
Viewport Maximum (vmax) – процент относительно максимальной стороны

определенных типов устройств. В качестве медиа-типов (тип носителя) были определены следующие: aural, braille, handheld, print, projection, screen, tty, tv. Таким образом, браузер применял таблицу стилей только в случае, когда активизировался данный тип устройства.

500px)

@media screen and (max-width: 500px) {
/* CSS */
}

принтеры (версия для печати)
screen – экран монитора
braille – устройства на системе Брайля
embossed – принтеры (печать по системе Брайля)
handheld – КПК
projection – проекторы
speech – речевые синтезаторы
tty – устройства с фиксированным размером символов
tv – телевизоры

– "старый браузер"
, – вместо оператора ИЛИ

альбомной ориентации */
}

@media screen and (orientation: portrait) {
/* Стили при портретной ориентации */
}

/* Стили для экранов повышенного разрешения */
}

внутри, изменяет свое расположение.

смартфоны

больше, а логических осталось столько же. Поэтому растровые изображения могут терять свою четкость.
Соответственно что бы добиться четкого отображения на таких дисплеях, необходимо иметь картинки в 2 раза большего разрешения чем необходимо "по макету"