Адаптивный дизайн не работает хорошо для небольших устройств

0

просто разработанный отзывчивый веб-сайт (www.atdrive.com), он отлично работает на экранах, имеет большие разрешения, но.. он не работает для небольших устройств с меньшим разрешением
Как и смартфоны и phablets, они имеют меньшие экраны, но большие разрешения. Для лучшего определения hava посмотрите на несколько скриншотов, взятых из разных эмуляторных устройств

Вкладка Samsung Galaxy 2 || хорошо работать

Изображение 174551

Samsung Galaxy Note 2 || рабочий тонкий Изображение 174551

iphone || Не работает нормально

Изображение 174551

Одна и та же

Изображение 174551

Samsung Galaxy S || рабочий тон Изображение 174551

Поскольку вы можете видеть, что веб-сайт смещен влево, и я не понимаю, как его исправить, я попытался применить видовое окно, но он не работал, и мои css:

@media only screen and (min-width: 480px) and (max-width: 619px)
@media only screen and (min-width: 320px) and (max-width: 479px)
@media only screen and (min-width: 250px) and (max-width: 319px)
@media only screen and (max-width: 249px)

Поэтому, пожалуйста, предложите что-нибудь, чтобы исправить это, или если вы прошли через любую аналогичную проблему, посетите atdrive

  • 0
    Как выглядит ваш код? Попробуйте это в голове: '<meta name = "viewport" content = "initial-scale = 1.0" width = "device-width" />'?
Теги:
responsive-design
media-queries
screen

3 ответа

1

Iphone масштабирует вашу веб-страницу по умолчанию.

Добавьте этот код: -

<meta name="viewport" content="width=device-width" />
0

попробуйте этот метатег поместить этот meta в ваш meta тега просмотра

<meta name="viewport" content="width=1170, user-scalable=no">

в этом метатеге поставьте "width = your website width"

0

Попробуйте использовать это расширение хром с помощью инструментов для создания хрома

https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh

  • 0
    Если вы откроете Google Developer Tools (F12) и измените размер окна, размеры появятся в правом верхнем углу.

Ещё вопросы

Сообщество Overcoder
Наверх
Меню