Как проверить вёрстку на адаптивность?

Я проверил вёрстку на адаптивность при помощи F12, проверил все разрешения экрана. Всё хорошо работает. Значит ли это, что и на всех мобильных устройствах всё будет хорошо? Или мобилки могут отображать сайт совсем по-другому?
  • Вопрос задан
  • 220 просмотров
Пригласить эксперта
Ответы на вопрос 3
kocherman
@kocherman
Необходимо тестировать не только разные разрешения, но и разные media-селекторы. На современных мобильных телефонах разрешения давно превышают FHD, а половина сайтов отображается убого, это исправляется галочкой в меню "Версия для десктопа". Правда, пользуются этой галочкой в основном разработчики. Также отдельно стоит протестировать версию для печати.

Более расширенные возможности тестирования - в версиях браузеров для разработчиков.
https://www.google.com/chrome/dev/
https://www.mozilla.org/en-US/firefox/developer/

https://chromium.googlesource.com/chromium/src/+/m...

Также, если ресурсы компьютера позволяют, можно поставить Android-Studio.
https://developer.android.com/studio/
Там есть эмуляция реальных условий устройств от Google.
Ответ написан
kirbi1996
@kirbi1996
Вместо response можно выбрать марку телефона. Далеко не факт что на всех
Ответ написан
bersus
@bersus
https://bersus.design
Нет, этого не достаточно. Например, работа Chrome от Safari отличается кардинально.

Советую посмотреть в сторону сервиса Lambda. Вы сможете протестировать свой сайт на реальных устройствах прямо из своего браузера.
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы