我创建了一个可扩展的 SVG 对象,使用preserveAspectRatio
and viewBox
SVG 文件本身的属性:
<svg
…
width="800"
height="800"
preserveAspectRatio="xMinYMin meet"
viewBox="0 0 800 800"
…
在 HTML 中,我使用以下命令引用 SVG 文件<object>
标记并包裹它<a>
标签(我想这样做,以便稍后可以设计它的样式):
<a>
<object type="image/svg+xml" data="smiley.svg">
</object>
</a>
我的风格是<object>
使用一些 CSS 标记使其宽度为 50%,但宽度不超过 100%:
object {
max-width: 100%;
width: 50%;
}
问题是锚标记没有包裹整个对象!
有人有什么想法吗?
Adding display: block
锚定似乎为我解决了这个问题。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)