Bagaimana untuk Membuat Div Bekas Peta Google 100% Tinggi dan Lebar?

Tetapkan Google Maps Container DIV kepada 100% Tinggi dan Lebar

Ramai pembangun menghadapi masalah apabila cuba menetapkan lebar dan ketinggian sesuatu Div kontena Peta Google kepada 100%. Menetapkan sifat ini kepada 100% biasanya menyebabkan peta tidak kelihatan.

Kod HTML:

<code class="html"><!-- Maps Container -->
<div id="map_canvas" style="height:100%; width:100px; margin:0 auto;"></div></code>

Penyelesaian:

Untuk menyelesaikan isu ini, pastikan semua bekas induk peta ditetapkan pada lebar 100%. Selain itu, tetapkan lebar dan ketinggian tetap untuk div #content:

CSS:

<code class="css">body, html {
  height: 100%;
  width: 100%;
}

div#content {
  width: 100%;
  height: 100%;
}</code>

Dengan menetapkan sifat CSS ini, peta kini akan menduduki keseluruhan kawasan yang boleh dilihat.

Atas ialah kandungan terperinci Bagaimana untuk Membuat Div Bekas Peta Google 100% Tinggi dan Lebar?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!