调整Divi中的地图高度

use*_*157 5 css wordpress

希望增加Divi中谷歌地图模块的高度,但我的CSS代码不起作用,不明白为什么.我在地图模块的高级>自定义CSS>主要元素中粘贴以下代码

.et_pb_map {
     height: 440px;
}
Run Code Online (Sandbox Code Playgroud)

任何建议都会非常有用!

I h*_*ode 0

尝试添加padding而不是显式增加height.

#map ,#map .et_pb_map {padding-bottom: 56.25%}
Run Code Online (Sandbox Code Playgroud)

您可能需要调整选择器。不过通常#map就足够了。

并调整填充百分比来修改纵横比。这是响应式的。

这可能起作用的原因是因为填充为背景(在此 iframe 的情况下为地图)创建了更多空间,以便进行绘制,从而扩展它。 在这里阅读更多相关内容

JSFiddle 上的工作演示