Одним из наиболее оптимальных методов создания адаптивного сайта являются медиа-запросы.

Медиа-запросы можно менять в зависимости от потребностей. Следующие медиа-запросы являются самыми популярными

* Стили только для планшета
@media only screen and (min-width: 768px)  and (max-width: 959px) {}

* Стили для планшета и мобильных телефонов
@media only screen and (max-width: 959px) {}

* Стили только для мобильного альбомного разрешения
@media only screen and (min-width: 480px) and (max-width: 767px) {}

* Стили для мобильных телефонов
@media only screen and (max-width: 767px) {}

* Стили только для мобильного портретного разрешения
@media only screen and (max-width: 479px) {}

Реклама