首页 > web前端 > css教程 > 为什么我的 SVG 符号在 Internet Explorer 中无法正确缩放?

为什么我的 SVG 符号在 Internet Explorer 中无法正确缩放?

Patricia Arquette
发布: 2024-12-15 15:49:17
原创
685 人浏览过

Why Aren't My SVG Symbols Scaling Correctly in Internet Explorer?

SVG 符号在 IE 中无法正确缩放:额外空间

Internet Explorer 有一个长期存在的错误,它无法正确缩放没有宽度和高度属性的 SVG。

解决方案

存在一个解决方案,使用涉及<画布>元素,IE 可以正确缩放。放置一个与包含 <div> 中的 SVG 具有相同的纵横比确保正确的 SVG 大小。

<div>
登录后复制

CSS

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

svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
登录后复制

以上是为什么我的 SVG 符号在 Internet Explorer 中无法正确缩放?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门推荐
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板