2017-08-24 11 views
-1

私はwix.comでウェブサイトを構築しており、Googleマップで地図を追加しました。 私のコードは次の通りである:PC上でGoogleマップウェブサイトに対応する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> 

それはよさそうだが、携帯電話で、それは次のようになりますように、それは携帯電話でサイズを調整するように私はそれを作るにはどうすればよい https://i.gyazo.com/7494bd5f9a82f7eccbacee355ed404b5.png

人々はスクロールバーを使う必要はなく、ルートをクリックしてボタンを保存できるようにする必要がありますか?それがオーバーフローすることなく携帯電話の幅にまたがるように、それは通常のコンピュータ上で大きすぎる処理するために、その後、100%に幅を設定し

答えて

1

はそれを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> 
+0

感謝の最大幅を与え、高さ100%のmax-heightを使用して、ズームも反応するようにすることはできますか? –

+0

max-height yesを使用することもできます。あるいは、ビューポートを検索して、サイトが使用されているデバイスの寸法を取得し、それに適合させることができます。 –

+0

私はズームについて知りませんが、デフォルトでは機能していないのであれば、Googleは埋め込みを許可していません。 –

関連する問題