html - 谷歌地图 HTML 响应网站

Question

我正在 wix.com 上建立一个网站，并添加了一张带有谷歌地图的地图。我的代码如下：

<iframe width="950" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJya9E14i2xUcRLWzbVXjmqMg&key=API_KEY&zoom=15" allowfullscreen></iframe>

在PC上看起来不错，但在手机上看起来像这样：

我如何使它在手机上调整大小，这样人们就不必使用滚动条，而且还可以点击路线和保存按钮？

Answer 1

将宽度设置为 100%，以便它跨越手机的宽度而不会溢出，然后在普通计算机上处​​理它太大，给它一个 950 的最大宽度。

<iframe width="100%" max-width="950" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJya9E14i2xUcRLWzbVXjmqMg&key=API_KEY&zoom=15" allowfullscreen></iframe>