Демо: самые простые техники адаптивной верстки


Назад к Статье

1. Видео

2. Максимальная и минимальная ширина

Контейнер с максимальной шириной

.container {
width:700px;
max-width:80%;
}

Изображение

koi

3. Относительные значения

Относительный margin

Размер шрифта

Заголовок (normal)

Это просто адаптивная вёрска страницы, вот так вот.

Заголовок (smaller)

Это просто адаптивная вёрска страницы, вот так вот.

Заголовок (bigger)

Это просто адаптивная вёрска страницы, вот так вот.

Относительный padding

Это просто адаптивная вёрска страницы, вот так вот.. Aenean at adipiscing urna. Suspendisse potenti. Suspendisse vitae tellus a neque commodo rutrum. Praesent ac neque vitae massa pharetra pellentesqu. Это просто адаптивная вёрска страницы, вот так вот..

4. Перенос слов

http://symby.ru/coding/adaptivnaya-vyorstka/sdfsdfdsfsdfsdfsdfsdfsdfsd/sdfsdfdsfsdfsdfsdfsdfsdfsd/sdfsdfdsfsdfsdfsdfsdfsdfsd/sdfsdfdsfsdfsdfsdfsdfsdfsd/sdfsdfdsfsdfsdfsdfsdfsdfsd/

Назад к Статье