Twitter bootstrap 如何使我的谷歌地图嵌入代码移动设备正确的移动设备

有人能帮我吗，地图的右边占了空间，如何解决这个问题，我的移动设备谷歌地图嵌入有问题。如果你在Web服务器上看到我的输出，地图不是完美的，右边有这么多的空间，这里是链接，请检查，我不知道我哪里错了

#第15十字路口第9大街3楼2112号，

班加卢萨哈卡尔-纳加尔D'街区-560092

更新：在您的index2.html页面中。。。用下面代码段中的2个div替换iframe div；这两个部门基本上是这样做的：

 1. First div with 500px map which displays on desktop/tablet only and hides in mobile.
 2. Second div with 300px map which hides on desktop/tablet and displays only on mobile

您的iframe的宽度为300px。。。由于“col-sm-6 col-md-6”，左/右填充为15px。。。左侧的填充将固定宽度的iframe推到右侧

所以，你必须做两件事

向div中添加一个类soClass，封装您需要的iframe（如下面的代码）

在宽度小于330px的情况下进行管理（下面的代码片段）

由于iframe映射固定为300px，对于屏幕宽度小于300px的移动设备，将出现水平滚动

@媒体屏幕和（最大宽度：330px）{
苏格拉底{
填充：0；
}
}

但在桌面和笔记本电脑视图中，我希望地图宽度为width=“600”height=“450”，如果我给出，它将再次反映桌面，在移动设备中，尺寸不合适，右侧空间已经出现。如何控制通过iframe嵌入谷歌地图将意味着一个固定的宽度。。。为了避免这种情况，你可以使用谷歌地图API，这将给你真正的响应体验；我这样做是为了（点击顶部导航位置的瞬间）检查这个，请在手机中不反射，我已经嵌入了你的代码，交叉检查，它不反射在移动设备，@media screen和（最大宽度：767px）{.soClass{padding:0；}，但不反射iframe现在的宽度是500px，因为你正在看手机（宽度<500px）iframe/map超出了屏幕大小…如果你想使用嵌入式地图…你可以包括2个div。第一个div带有500px的地图，只显示在桌面/平板电脑上，隐藏在手机中。第二个div带有300px的地图，隐藏在桌面/平板电脑上，只显示在手机上。我从昨天开始尝试，无法修复，只需给出代码，我将重新编译d和alter，我理解了这个概念，当涉及到移动设备时，如何隐藏第一个div

 1. First div with 500px map which displays on desktop/tablet only and hides in mobile.
 2. Second div with 300px map which hides on desktop/tablet and displays only on mobile