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

Question

[mixerstyle]

Адаптировал сайт под расширения от 320 до 800. Все выглядит отлично, но на телефоне Moto Z Force Droid некоторые стили то-ли не применяются то-ли применяются но другие. Команды screen.width и window.innerWidth
показали на этом девайсе ширину в 360. При проверке данной ширины на ПК с помощью Google Tools, сайт адаптирован отлично но на телефоне почему то отображается немного другая картинка. Проверка проводилась в браузере Google Chrome последней версии. Скажите, это проблема с моей стороны, или это особенность девайса?

Comments

[Максим Тимофеев]

Moto Z Force Droid имеет расширение 1440х2560
Какие 320?

[Роман Мисюра]

Для начала - покажите сам макет, скрины проблемы с телефона и пк, также можно ссылку на сам сайт собственно.

[mixerstyle]

Роман Мисюра, Сайт Wordcrypt.com . Вот ссылка на файл сравнения вида на телефоне и PSD . dropmefiles.com/1lG7Y

Answer 1

[ziss]

У экрана Вашего телефона и монитора разные dpi (количество точек на дюйм).

Answer 2

[profesor08]

У телефона 360. Для 320 сделай шрифт мельче, чтоб умещался в одной строке.

Answer 3

[Тимур Худиев]

Не нужно стараться адаптировать сайт под какой-то телефон. Адаптируй под разрешения. Самое банальное это посмотри какие брейкпоинты у бутстрап. Если проект какой то специфический, то рассчитай и пропиши свои брейкпоинты и отталкивайся от них.

Comments

[mixerstyle]

Да я бы рад, но заказчит говорит что у него на телефоне коряво выглядит сайт, вот я и адаптировал сайт для девайсов с шириной от 320 до 800 пикселей. Но именно у него на телефоне все немного не так и я не знаю почему так...

[Тимур Худиев]

mixerstyle, Это конечно банально, но может у него просто на телефоне предыдущие стили закэшировались и он не видит обновлений? Честно говоря ни разу не сталкивался с такой проблемой. Или у него браузер какой допотопный на телефоне и просто не поддерживает каких то свойств