Imej Peta Google Diherotkan oleh Bootstrap: Bagaimana untuk Membetulkan?

Bootstrap CSS Menyebabkan Isu dengan Imej Peta Google: Penyelesaian

Masalah:

Pembangun yang menggunakan Twitter Bootstrap sering mengalami herotan imej, terutamanya pada penanda Peta Google, disebabkan konflik CSS. "Lebar maks: 100%;" peraturan dalam CSS Bootstrap memberi kesan kepada pemaparan imej peta, memesongkan penampilannya.

Penyelesaian:

Untuk menyelesaikan isu ini, pengguna boleh mengatasi CSS Bootstrap khusus untuk imej peta . Dengan menambahkan kod berikut pada halaman mereka:

#mapCanvas img {
  max-width: none;
}

mereka boleh mengecualikan imej peta dengan berkesan daripada kesan CSS Bootstrap.

Penyelesaian ini menyasarkan imej peta dengan berkesan dengan mengaitkannya dengan ID elemen "#mapCanvas." Dengan menetapkan sifat "lebar maksimum" mereka kepada "tiada", CSS Bootstrap ditindih, memulihkan penampilan imej peta yang tidak diherotkan.

Atas ialah kandungan terperinci Imej Peta Google Diherotkan oleh Bootstrap: Bagaimana untuk Membetulkan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!