Невозможно получить карту, реагирующую на мобильные устройства - PullRequest
Новая
       3

Невозможно получить карту, реагирующую на мобильные устройства

2 голосов
/ 29 января 2020

проверьте этот URL .... http://rdarby.epizy.com/?i=1

Выглядит нормально в полном размере и хорошо реагирует при изменении размера окна браузера, однако при просмотре этого сайта с мобильного телефона устройство или эмулятор устройства chrome, карта bootstrap и модальное всплывающее окно выглядят абсолютно крошечными.

Я не могу найти причину этого и не могу понять, почему он ведет себя по-разному в браузере с измененным размером.

Спасибо

Ответы [ 2 ]

2 голосов
/ 29 января 2020

Вы установили адаптивный метатег? 

<meta name="viewport" content="width=device-width, initial-scale=1">

в заголовке html.

С его помощью браузер должен отобразить ширину страницы по ширине собственной экран. Таким образом, если установлено, если этот экран имеет ширину 320 пикселей, окно браузера будет иметь ширину 320 пикселей, а не уменьшенное изображение и не будет отображать 960 пикселей (или что бы это ни делало на устройстве по умолчанию вместо отзывчивого метатега).

1 голос
/ 29 января 2020

Вы должны добавить мета области просмотра в head вашего html файла: 

<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
  ...
...