谷歌地圖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響應網站

回答

相關問題