#javascript #jquery
#javascript #jquery
Вопрос:
Я пытаюсь адаптировать карту jQuery к разрешению экрана. Это ссылка на мой проект: http://comercialposadas.com/goodbarber /
И я использую этот код mapplic.js для изменения размера карты:
$(window).resize(function() {
self.el.height($(window).height());
}).resize();
Но карта этого не показывает.
Комментарии:
1. вы хотите сделать карту в правом нижнем углу полноэкранной (на вашем сайте)?
2. @neoDev посмотрите в Интернете сейчас, вы можете увидеть карту с нормальным весом, но высота не адаптируется к экрану. Я хочу адаптироваться ко всем разрешениям (для мобильных устройств, планшетов и т. Д.)
3. При задании подобного вопроса, когда предоставляется ссылка на действующий веб-сайт, часть вопроса теряется, как только код на этом веб-сайте исправляется. Чтобы сохранить вопрос, чтобы он представлял ценность для других, рекомендуется включить весь соответствующий код и / или ссылку на jsfiddle, который демонстрирует проблему, с которой вы столкнулись.
Ответ №1:
Если вы добавите height:100%; либо к стилю обоих элементов html и body , либо к файлу CSS, который обращается к ним, и измените:
<div id="mapplic" class="mapplic-element" style="height: 420px;">
Для
<div id="mapplic" class="mapplic-element" style="height: 100%;">
это приведет к отображению карты в полный рост.
Причиной изменения html and body , а также #mapplic div является то, что для использования height необходимо наследовать из корня документа 100% .