Elementor项目嵌入Google Maps无法全屏显示的问题求助

1. 修正iframe代码 #

你当前的iframe标签写法有误，min-height: 100vh是CSS样式，不能直接作为标签属性使用，需要放到style属性里，同时设置宽度为100%、高度为100vh，去掉固定宽度值，避免限制地图尺寸。修正后的代码：

<iframe src="https://www.google.com/maps/d/u/0/embed?hereIsMyKey" style="width: 100%; height: 100vh; border: none;"></iframe>

2. 调整Elementor“适配屏幕”区块设置 #

• 打开区块的布局面板，把**内边距（Padding）和外边距（Margin）**全部设为0，避免区块自带的留白挤占地图空间。
• 确认区块的高度设置为100vh或100%，保证区块本身占满屏幕高度。

3. 额外排查（若问题仍存在） #

• 检查页面全局样式，若body或html存在默认边距，可添加自定义CSS清除：

body, html {
    margin: 0;
    padding: 0;
    overflow: hidden;
}

• 若页面有页眉、页脚，可在该页面的Elementor布局设置中选择“无页眉页脚”模板，避免这些元素占据屏幕空间。

内容的提问来源于stack exchange，提问作者simi