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

Question

[Александр]

Сабж. Поставил в шаблоне минимальную ширину 410 пикселей.
На айфоне 5 ширина дисплея 300 с чем-то, соответственно все сервисы проверки показывают что сайт в него полностью не входит.
Но на тестовом устройстве все хорошо.
Стоит ли париться? Или это только самые новые браузеры сжимают сайт под экран и на самом деле мой сайт не оптимизирован под айфон 5?

Answer 1

[Дмитрий Беляев]

у iPhone5 ретина х2, то есть физически у него разрешение 600px но фактически 300px, так как экран маленький, но плотность пикселей двойная от стандартной
мобильные сафари и хром могут адаптировать медиазапросы под ретину, так что можно не париться

Answer 2

[Albert Kazan]

Проверяю в Google Chrome. Там в панели разработчика можно переключать разрешение под экраны популярных девайсов, ну или самому поставить любую ширину.

Comments

[Александр]

по моему опыту, он очень ненадежен. И с тестом на реальных устройствах разница очень большая

[Albert Kazan]

Александр: Вы ошибаетесь.
Хотя сначала тоже так подумал. Использовал эту фишку хрома, только для того, чтобы иметь представление о адаптивности, так как не хотелось каждый раз загружать проект и проверять через телефон.
Потом оказалось, что на моем samsung grand prime отображается точно также, как и в хромовском эмуляторе. Еще и на iphone 6/6+ проверял у знакомых. Все в порядке и работает.
Изъяны, конечно же, должны быть, но я пока не заметил.

Answer 3

[Dmitry Nabozhev]

Есть тест mobile-friendly
в нем дается превью на айфоне, там и смотрю, а все остальное в панеле хрома тестируется.