Адаптивная верстка (она же респонсивная верстка — от англ. responsive) делается очень легко, настройки для всех расширений экранов прописываются в одном общем файле стилей.
Сначала пишутся общие стили, например обнуление полей и рамок, свойства шрифта.
А в самом конце css файла обычно прописывают специфические настройки для конкретных экранов, ширина экрана задается так:
1 2 3 4 | @media only screen and (min-width: 1382px) { display:block; width:100%; } |
Логика проста, сначала применяются общие настройки, а потом специфические, зависящие от размера экрана устройства.