好的,我所理解的是:使用CSS将多个不同宽高的SVG图像插入到HTML中。我想将它们全部缩放到相同的宽度,但这似乎在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图像的大小,使它们每个都以20px的宽度显示(但不改变SVG本身)?
background-size:cover
解决了这个问题(jsfiddle:http://jsfiddle.net/8t2C9/),而你的方法正是朝着这个方向发展的。谢谢。 - Dominik Schreiber