谷歌地图HTML响应网站

时间:2017-08-24 18:14:21

标签: html google-maps wixcode

我正在wix.com上建立一个网站,我添加了一张谷歌地图的地图。 我的代码如下:

a:1:{s:10:"attributes";a:1:{s:13:"Ticket Holder";a:1:{i:0;s:8:"Joe Blow";}}}

在PC上它看起来不错,但在手机上它看起来像这样: https://i.gyazo.com/7494bd5f9a82f7eccbacee355ed404b5.png

如何调整手机大小以便人们不必使用滚动条,还可以点击路线和保存按钮?

1 个答案:

答案 0 :(得分: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>