為什麼我的 SVG 在 Internet Explorer 中無法正確縮放？

SVG 在IE 中無法正確縮放- 有額外空間

問題：使用SVG 實現響應時，符號響應時，符號響應時， SVG 在Internet Explorer 中無法正確縮放(IE)。

答案： IE 有一個錯誤，除非指定寬度和高度，否則 SVG 無法正確縮放。

解決方案：

使用尼古拉斯發現的技巧加拉格爾：

1. 增加一個與SVG 與
   具有相同縱橫比的元素包含SVG。
2. 使 不可見且可見：隱藏。
3. 將 SVG 絕對定位在
   內。並將其寬度設為 100%。

   代碼:

   <div>
   <p><strong>CSS:</strong></p>
   <pre class="brush:php;toolbar:false">canvas {
       display: block;
       width: 100%;
       visibility: hidden;
   }
   
   svg {
       position: absolute;
       top: 0;
       left: 0;
       width: 100%;
   }

   CSS:

   CSS: 這個技巧會強制IE 縮放SVG正確使用作為參考。