Адаптивная верстка является той системой, которая позволяет автоматически подогнать ресурс под размеры экранов. В этой науке есть два термина, которые несведущие люди путают между собой. Это адаптивный и отзывчивый дизайн.
Многие думают, что это идентичные термины, но это не так. Кроме того нельзя сравнивать адаптивный дизайн и адаптивную верстку, так как эти понятия являются абсолютно разными. Адаптивная верстка является одним из способов верстки, которая применяется для отзывчивого дизайна.
Оба вида дизайна сильно различаются между собой. Кроме того, можно сказать, отзывчивый дизайн является частью адаптивного. Основным отличием при верстке этих дизайнов является вариант, который применяются для написания файла стилей.
Если это отзывчивый дизайн, то в файле стилей прописываются все варианты стилей. А если это адаптивный – то на экран мобильного устройства, будет выведена только часть сайта, а на экран ПК, он будет выведен целиком.
Помимо этого отзывчивый дизайн будет загружать на экраны всех устройств одинаковое количество деталей, а адаптивный этого не делает. Он удаляет все ненужные детали, для того чтобы повысить скорость загрузки.