為什麼 IE9 的 `` 元素中 SVG 影像比例會傾斜？

IE9 在 中傾斜SVG 影像比例元素

當使用CSS 設定 內SVG 影像的最大高度時元素，預計影像將按比例縮放到該高度。但是，在 IE9 中，某些 SVG 影像可能會出現比例扭曲。

具體來說，問題是由多邊形而不是路徑組成的 SVG 出現的。受影響圖像的一個例子是來自Radiant Interactive 的“crocs”SVG：http://www.radiantinteractive.com/rs/images/allies/other/crocs.svg

為了解決跨瀏覽器的這種不一致問題，建議始終為SVG 影像定義一個viewBox，同時省略

為了示範不同SVG 屬性的影響，我們建立了一個測試頁面：

[測試頁面連結]

透過比較結果在不同的瀏覽器中，人們可以觀察到基於SVG 屬性和CSS 尺寸組合的影像處理的顯著變化。

以上是為什麼 IE9 的 `` 元素中 SVG 影像比例會傾斜？的詳細內容。更多資訊請關注PHP中文網其他相關文章！