Page Title

Есть большое заблуждение что если выставить все размеры в % то это заменит адаптивную верстку.

Те кто так думает и те кто в это верит, смените род деятельности Без обид)
Я покажу простой пример того, что это не так. Давай снизу я сделаю что то на подобии экрана, а внутри будут выстроены блоки в процентах.

шапка

контент

И так. Мы сделали что то на подобии экрана с блоками. Размеры в нем стоят в %. И если мы сузим экран то блоки будут менять свою ширину в зависимости от размера экрана.

Давай посмотрим как этот наш мини сайт будет выглядеть на экране телефона, то есть экран будет куда более узким. Вот результат сжатия экрана.

шапка

контент

Мы сузили экран, наши блоки тоже поменяли размеры под экран. (не смотрите что отступы не ровные и так далее, суть я донести пытаюсь другую) Вы думаете что при таком расположении человеку с телефона будет удобно потреблять контент? Да, блоки уменьшились, ничего за пределы сайта не вылезло. Но это колхоз) Это не есть адаптивная верстка) Так нельзя, так пользователю будет не удобно читать сайт. Заказчики будут обходить вас стороной) Снизу я покажу пример, как будет выглядеть такой же сайт, только уже с адаптивной версткой)

Смотрим адаптивный сайт:

шапка

меню

контент

Согласитесь, это уже смотрится куда более лучше, чем то что было сверху. И это я уже не говорю о том что внутри будет текст, ссылки, картинки и так далее. Проценты не заменяют адаптивную вертску, и никогда не заменят. Вообще адаптивная верстка делаетлся через медиа запросы @media screen and, или версткой с помощью бутсапа. Там вы сразу получаете и адаптивность и много готовых кодов)
Итоги верстки. Адаптивная:

Компьютер

шапка

контент

Телефон

шапка

меню

контент

Верстка в процентах

Компьютер

шапка

контент

Телефон

шапка

контент

Разницу вы видите сами. Учитесь правильно) Если вам интересно узнать про адаптивную верстку больше, пишите в коментах "урок по адаптивной верстке"

Очень важная инфа. Колхозить нельзя)