Воспользуйтесь удобным он-лайн генератором CSS3 Media Queries.
Данный сервис позволит Вам быстро сгенерировать нужный шаблон адаптивной верстки для CSS под указанные вами разрешения экрана.
Разрешения можно вводить не по порядку, также для ввода нового значения можно воспользоваться кнопкой ENTER.
Самый простой способ создания адаптивной верстки для сайта - прописывание Media Queries в CSS файл.
Все что вам нужно:
- Указать в любом порядке значения ширины дисплея, под которые адаптируется сайт, нажимая кнопку "Добавить разрешение"
- Сгенерировать шаблон нажатием одноименной кнопки.
- Скачать сгенерированный css файл нажатием кнопки "Загрузить CSS" в css директорию своего сайта.
- Прописать значения стилей для элементов сайта при разных разрешениях.
- Наслаждаться удобством пользования сайтом на различных устройствах.