@mixerstyle

Как адаптировать сайт под телефон Moto Z Force Droid?

Адаптировал сайт под расширения от 320 до 800. Все выглядит отлично, но на телефоне Moto Z Force Droid некоторые стили то-ли не применяются то-ли применяются но другие. Команды screen.width и window.innerWidth
показали на этом девайсе ширину в 360. При проверке данной ширины на ПК с помощью Google Tools, сайт адаптирован отлично но на телефоне почему то отображается немного другая картинка. Проверка проводилась в браузере Google Chrome последней версии. Скажите, это проблема с моей стороны, или это особенность девайса?
  • Вопрос задан
  • 74 просмотра
Пригласить эксперта
Ответы на вопрос 3
@ziss
У экрана Вашего телефона и монитора разные dpi (количество точек на дюйм).
Ответ написан
Комментировать
profesor08
@profesor08 Куратор тега CSS
У телефона 360. Для 320 сделай шрифт мельче, чтоб умещался в одной строке.
Ответ написан
Комментировать
Не нужно стараться адаптировать сайт под какой-то телефон. Адаптируй под разрешения. Самое банальное это посмотри какие брейкпоинты у бутстрап. Если проект какой то специфический, то рассчитай и пропиши свои брейкпоинты и отталкивайся от них.
Ответ написан
Ваш ответ на вопрос

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

Похожие вопросы