谷歌地图HTML响应网站

-1

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

<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上看起来不错，但在手机上，它看起来像这样：

如何让这个它在移动电话，以便调整大小人们不必使用滚动条，而且还可以点击路线并保存按钮？

来源

2017-08-24 J.K. Harthoorn

将宽度设置为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>

来源

2017-08-24 18:25:31

谢谢最大宽度，但是我也可以使用高度为100％的最大高度，并使变焦也能够响应？ –

您可以使用max-height yes，或者可能值得查看视口，以便您可以获取该站点正在使用的设备的尺寸并使其适应该设置。 –

恐怕我不知道缩放，如果它默认情况下不工作，那么Google可能不允许它通过嵌入 –

谷歌地图HTML响应网站

回答

相关问题