Как работать с адаптацией сайта в реальном времени?

Question

[smoklew]

Как можно адаптировать сайт под разрешения и сразу просматривать как смотрится?
Сервис screenfly, не выдает того как сайт в точности отображается у меня на телефоне...
Сервис просто делает окно меньше без каких-то изменений и сдвигов текста на самом сайте, хотя на телефоне и на айпаде они есть и не так всё четко...

Answer 1

[Вадим Полухин]

www.browsersync.io

Answer 2

[Дмитрий Кравченко]

Эмуляцей в гугл хроме пользовались?

Comments

[smoklew]

да, но он работает когда уже заданы медиа запросы для адаптации, хотя хорошая штука)

[Дмитрий Кравченко]

работает он всегда, а медиа запросы могут лишь изменять результат

[smoklew]

Дмитрий Кравченко: сделал медиа запросы, использую плагин в google-chrome где написано разрешение и т.д. Запросы сделал min-width 480px max-width 979px . Используя колёсико мыши на компе всё меняется окей, однако на телефоне и планшете тоже самое что и было... На screenfly тоже всё съезжает

Answer 3

[Dp76]

Разумеется в Chrome делаем alt+cmd+i (Mac OS) и в левом верхнем углу выбираем Device для отображения.
Довольно точно работает как по мне