希望增加Divi中谷歌地图模块的高度,但我的CSS代码不起作用,不明白为什么.我在地图模块的高级>自定义CSS>主要元素中粘贴以下代码
.et_pb_map {
height: 440px;
}
Run Code Online (Sandbox Code Playgroud)
任何建议都会非常有用!
尝试添加padding
而不是显式增加height
.
#map ,#map .et_pb_map {padding-bottom: 56.25%}
Run Code Online (Sandbox Code Playgroud)
您可能需要调整选择器。不过通常#map
就足够了。
并调整填充百分比来修改纵横比。这是响应式的。
这可能起作用的原因是因为填充为背景(在此 iframe 的情况下为地图)创建了更多空间,以便进行绘制,从而扩展它。 在这里阅读更多相关内容