просто разработанный отзывчивый веб-сайт (www.atdrive.com), он отлично работает на экранах, имеет большие разрешения, но.. он не работает для небольших устройств с меньшим разрешением
Как и смартфоны и phablets, они имеют меньшие экраны, но большие разрешения. Для лучшего определения hava посмотрите на несколько скриншотов, взятых из разных эмуляторных устройств
Вкладка Samsung Galaxy 2 || хорошо работать
Samsung Galaxy Note 2 || рабочий тонкий
iphone || Не работает нормально
Одна и та же
Samsung Galaxy S || рабочий тон
Поскольку вы можете видеть, что веб-сайт смещен влево, и я не понимаю, как его исправить, я попытался применить видовое окно, но он не работал, и мои 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
Iphone масштабирует вашу веб-страницу по умолчанию.
Добавьте этот код: -
<meta name="viewport" content="width=device-width" />
попробуйте этот метатег поместить этот meta
в ваш meta
тега просмотра
<meta name="viewport" content="width=1170, user-scalable=no">
в этом метатеге поставьте "width = your website width"
Попробуйте использовать это расширение хром с помощью инструментов для создания хрома
https://chrome.google.com/webstore/detail/window-resizer/kkelicaakdanhinjdeammmilcgefonfh