2013-11-17 16 views
0

Чтобы иметь возможность просматривать Карты Google, мне нужно установить высоту в пиксельное значение. Я могу установить ширину до 100%, и она почти отзывчива, но не до высоты. Я думал, что могу устанавливать разные значения на высоту в зависимости от разных медиапоездов, но это не работает. Любые идеи, как это можно решить. Я просто хочу меньшую высоту, когда она находится на мобильном телефоне, и большая карта на рабочем столе.Установите ширину и высоту, чтобы соответствовать карте Google?

CSS-я использую: запрос

#map-canvas 
{ 
width: 100%; 
height: 200px; 
} 

ответ

2

СМИ прекрасно работает.

look here

пытаются повторно размер окна с картой внутри.

+0

Ммм, но я предполагаю, что это будет работать, только если весь код встраивается как ваш пример кода? Что делать, если у меня есть Google Maps, если вы понимаете, что я имею в виду !? –

+0

Хорошо. Но как насчет этого ?: http://jsfiddle.net/3Vma6/22/ –

+0

Ницца! Кажется, что это работает! Я испытал это сам, но я, должно быть, сделал некоторую ошибку шахтера, потому что тогда она не работала. Я только протестировал это, изменив размер браузера, но будет ли он хорошо работать и на реальных мобильных устройствах? –

0

вы можете использовать Java Script или JQuery как этот

he = window.innerHeight; 
he = window.innerHeight; 
$('#map-canvas').css('width',wi+'px'); 
$('#map-canvas').css('height',he+'px'); 
Смежные вопросы