当前位置: 首页 > 面试题库 >

将Google Maps Container DIV的宽度和高度设置为100%

商琛
2023-03-14
问题内容

我加载了Google Maps API v3,并在中打印了Google Map
div。但是,当将width&height设置为100%并且是auto时,我看不到地图。

这是HTML代码段。

<!-- Maps Container -->
<div id="map_canvas" style="height:100%;width:100px;margin:0 auto;"></div>

有没有解决此问题的方法?


问题答案:

如果要用它覆盖整个页面,则必须将所有父容器的宽度设置为100%。您必须至少为#content div的宽度和高度设置一个绝对值。

body, html {
  height: 100%;
  width: 100%;
}

div#content {
  width: 100%; height: 100%;
}


 类似资料:
  • 问题内容: 我的元素: 风格: 脚本,使其保持方形: 问题是要在纯CSS中做同样的事情。没有脚本。 问题答案: 我知道有两种技术可以根据元素的高度保持元素的长宽比: 当 高度相对于视口时 : 您可以使用vh单位: 对于 基于父元素的高度的高度 : 您可以使用具有所需纵横比的虚拟图像。宽高比为1:1的示例可以使用1 * 1透明.png图像,也可以使用@vlgalik注释为1 * 1 base64编码

  • 如何设置自定义的高度和宽度的PDF格式像这样: 我要设定高度:13.6厘米,宽度:21.2厘米 如果我导出为PDF,纸张大小始终为A4格式,如何使纸张大小为13.6cm(高度)和**21.2cm(宽度),如上图所示 我在yii2上使用mpdf kartik。。 这是我的控制器代码: 希望能有帮助。。。

  • 问题内容: 是否可以在锚标签上设置像素的宽度和高度?我希望锚标签具有背景图像,同时将文本保留在锚内。 问题答案: 您需要制作锚点或,然后它将接受宽度和高度值。

  • 我正在尝试我的Matplotlib图表的一些功能,我想在图表的不同部分创建一系列小正方形。 以下是文档说明的内容:下面的示例演示了使用数组在一个命令中绘制具有不同格式样式的多条线。 我的问题是:我不需要一行正方形,我只需要在X,Y坐标的某个位置加上一行,但我遇到的问题是找到一种方法使它变小,下面是我尝试的: 我试图将设置为不同的值,但没有任何变化。文档在这方面有点模糊,有人能告诉我如何设置正方形的

  • 有没有一种方法,只使用CSS,将图像的高度设置为其容器的高度,同时保持纵横比,允许宽度溢出和隐藏?这听起来有很多要求,但肯定有办法。我的意思是,我希望显示图像的完整高度,但如果宽度比容器允许的宽度宽(使用引导网格系统),那么只需溢出:隐藏。我将高度设置为100%,看起来很好,但图片从侧面挤压,以适合容器内,而不是溢出和被裁剪。通过将宽度设置为100%,它将填充容器。我认为这是使用容器作为标准的10

  • 主要内容:1. width,2. height,3. max-width 和 max-height,4. min-width 和 min-heightCSS 尺寸属性指的就是元素的宽度和高度属性,虽然说非常简单,但却是必须掌握的技能。CSS 中提供了 width、height、max-width、min-width、max-height 和 min-height 等几个属性来设置元素的宽度和高度,这些元素使用起来非常简单,下面我们就来简单介绍一下。 1. width 通过 width 属性可以设