Javascript 如何使用Bootstrap使google map iFrame响应？

我是这样做的，代码如下，我用不同的纵横比多次复制了相同的iFrame，它们以特定的大小显示或隐藏。有没有更好/更短的方法

。响应iframe{
位置：绝对位置；
排名：0；
左：0；
底部：0；
右：0；
宽度：100%；
身高：100%；
}

如果您仔细查看iframe中有

width=“1100”

。只需将其替换为

width=“100%”

谢谢，效果很好。但我也为“.map”增加了一些高度，并制作了“position:relative”，“in.responsiveiframe”谢谢，效果很好！