调整插入内容的svg图像的大小:url()
调整插入内容的svg图像的大小:url()
提问于 2012-10-10 13:42:35
好的，我得到了以下内容:通过css插入到html中的具有不同宽度/高度的多个svg图像。我想把它们都放大到相同的宽度，但这不起作用(至少在Safari、Chrome和Firefox中是不行的)。
html:
<h4 class="before" id="foo">Foo</h4>
<h4 class="before" id="bar">Bar</h4>
<h4 class="before" id="foobar">Foobar</h4>css:
.before:before { width: 20px; }
#foo:before { content:url('foo.svg'); }
#bar:before { content:url('bar.svg'); }
#foobar: before { content:url('foobar.svg'); }我如何调整这些svg图像的大小，使它们以20‘t宽度显示(但不要更改svg本身)？
回答 1
Stack Overflow用户
回答已采纳
发布于 2013-04-15 15:56:47
如果您知道高度将是什么，您可以将图像设置为伪元素的背景并声明background-size: 20px auto;，但是您需要知道psuedo元素本身的精确大小或更大的大小。
除此之外，我无法找到使它完全在CSS中工作的方法。如果您能够访问服务器端的编码，您可能能够打开SVG文件并自动提取大小。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/12820790
复制相关文章
相似问题
腾讯云开发者
