为了能够查看 Google map ,我必须将高度设置为像素值。我可以将宽度设置为 100%,它几乎是响应式的,但不是高度。我以为我可以根据不同的媒体查询为高度设置不同的值,但这不起作用。任何想法如何解决这个问题。我只想在移动设备上使用较小的高度,在桌面设备上使用较大的 map 。
我使用的 CSS:
#map-canvas
{
width: 100%;
height: 200px;
}
最佳答案
媒体查询完美运行。
<a href="http://jsfiddle.net/3Vma6/8/" rel="noreferrer noopener nofollow"> look here </a>
尝试用里面的 map 调整窗口大小。
关于html - 将宽度和高度设置为响应式谷歌地图?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20029709/