За годы работы нам встретилось много вариантов. Даже составили краткий топ:
3-е место: изменение размеров окна браузера — версия имеет право на жизнь, хоть и не удобно
2-е место: изменение масштаба в браузере — вкорне неверное решение
1-е место: отодвигаться от монитора подальше — без комментариев
Если хотите узнать как правильно — оставайтесь с нами.
На самом деле, всё до смешного просто — в каждый браузер встроены инструменты разработчика, в них есть эмуляция мобильного телефона. Сейчас расскажим как её включить.
Для браузеров Google Chrome и Opera:
1. Нажимаем комбинацию клавиш Shift+Ctrl+C2. Смотрим скриншот ниже. Нажимаем кнопку под номером 1.
3. В переключателе под номером 2 выбираем нужное устройство (телефон, планшет). Я рекомендую выбирать iPhone 6/7 т.к если на этом размере выглядит хорошо, значит и на остальных тоже.
4. В переключателе номер 3, выбираем Fit to window
Для браузера Mozilla Firefox
1. Нажимаем комбинацию клавиш Shift+Ctrl+C2. Смотрим скриншот ниже. Нажимаем кнопку под номером 1.
3. В переключателе под номером 2 выбираем нужное устройство
Для браузера Microsoft Edge
1. Нажимаем F122. Смотрим скриншот ниже. Нажимаем кнопку эмуляция под номером 1.
3. В переключателе под номером 2 выбираем нужное устройство
