我在我的 wordpress 网站上设置了谷歌地图：
http://drummersdatabase.com/map/（目前设置为 500px 高度作为临时解决方法）
我设法让地图跨越 100% 的宽度，而不是剩余的高度。无论用户的分辨率如何，我基本上都想确保没有滚动条。
当我设置地图高度和/或它包含 div css (class="gridfull") 100%; 它似乎将其解释为 100px。
有什么想法可以解决这个问题吗？
谢谢，
戴夫
问问题
1539 次
1 回答
1
当您要求地图高度为 100% 时，它不知道高度为 100%。
如果您将 HTML 和 BODY 标记设置为 100% 的高度，这将为您提供一个起点。
然后，如果您只有页面上的地图并告诉它高度为 100%，那么它确实会填充页面高度的 100%。
但是，您有一个页眉和一个页脚，它们也占用空间，所以为了做您想做的事情，您还必须将页眉和页脚设置为基于百分比的高度。
看看小提琴，看看我在说什么：
http://fiddle.jshell.net/Mm3TT/
我能想到的唯一另一种方法是使用 javascript 计算用户浏览器的高度，然后从中减去页眉和页脚的高度，并将地图的高度设置为剩下的高度。
于 2012-07-28T08:24:23.693 回答