0

Друзья, скажите, а как делается адаптивная верстка? Надо очень долго верстать под все разрешения или же есть специальные инструменты, которые все тянут? Хочется выслушать не ответ в лоб, а рассуждения как это делают люди и руками.

4
  • 3
    А при попытке открыть адрес google.com браузер говорит что - Невозможно найти удалённый сервер? Первая ссылка из запроса адаптивная верстка такая - [Адаптивная верстка в примерах][1] З.Ы. Топик нужно было назвать - Погуглите за меня по запросу [адаптивная верстка][2] [1]: alpatriott.ru/articles/адаптивная-верстка-в-примерах [2]: google.com.ua/…
    – Palmervan
    19 сен 2012 в 12:01
  • да нет, я просто хотел узнать как люди делают, а не что пишут.
    – oldzas
    19 сен 2012 в 12:08
  • 1
    делают так же как и пишут.. так же как и пишут как и говорят))))) 19 сен 2012 в 12:25
  • Внутри компании, для верстки сайтов мы используем фрейм bootstrap. Естественно на фреймверке все не заканчивается, стили пишем на sass. Удобно, быстро, качественно.
    – martdn
    10 фев 2016 в 14:25

4 ответа 4

2

Посмотрите как это сделано в bootstrap.

1

Flexbox решает большенство задач по адаптивной верстке

0

Вот сайт на русском, по Bootstrap.

Надеюсь поможет.

0

Достаточно часто используют готовые фреймворки, такие как: http://getbootstrap.com/ , http://foundation.zurb.com/ .

Но на профессиональном уровне, люди верстают сетку вручную. При этом используют не чистый css, а препроцессоры SASS и LESS. Вот неплохой урок, по созданию базовой сетки на SASS http://callmenick.com/post/maintainable-responsive-web-design-with-sass .

Однако, в 2016 году существуют более современные инструменты такие как postCSS. На которых адаптивная сетка создается за 1 минуту, смотрите на youtube PostCSS.

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими условиями использования и подтверждаете, что прочитали и поняли наши политику конфиденциальности и нормы поведения.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.