Google地图未在Dreamweaver中调整大小

时间:2015-11-09 22:40:29

标签: javascript google-maps

我的网页上有谷歌地图,并且我试图在窗口大小改变时调整大小。

这就是我在Dreamweaver中所做的事情:

  • Google地图显示:地图的宽度为617像素
  • Google地图无法显示(代替白色方框):地图的宽度为100% < - 我想要它做什么

有趣的是,在jsfiddle上它完全按照我想要的方式工作,但在Dreamweaver中,它没有做同样的事情。我想知道我遗失或做错的一些可能的事情。

链接到JS Fiddle。这是我的CSS代码,可能是相关的:

html, body{
    height:100%;
}
#map-dining{
    width:100%;
    height:500px;
}

解决

我正在帮助某人使用他们的网站,并看到他们有另一个链接到该网站的CSS页面。我一直在拿出代码的一小部分,直到我找到了罪魁祸首。

.neighborhood-btns {
    position: absolute;
    top: 0;
    right: 0;
}

当我将位置从绝对更改为相对时,地图可以使用窗口调整大小。再次感谢大家的耐心,我是新手,我还在学习:)

0 个答案:

没有答案