Mengapa Simbol SVG Saya Tidak Berskala Dengan Betul dalam Internet Explorer?

Simbol SVG tidak berskala dengan betul dalam IE: Ruang tambahan

Internet Explorer mempunyai pepijat yang telah lama wujud di mana ia menskala SVG secara tidak wajar tanpa kedua-dua atribut lebar dan tinggi.

Penyelesaian

Penyelesaian wujud menggunakan helah yang melibatkan elemen, yang IE berskala dengan betul. Meletakkan dengan nisbah aspek yang sama seperti SVG dalam kandungan <div> memastikan saiz SVG yang betul.

<div>

CSS

canvas {
  display: block;
  width: 100%;
  visibility: hidden;
}

svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

Atas ialah kandungan terperinci Mengapa Simbol SVG Saya Tidak Berskala Dengan Betul dalam Internet Explorer?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!