相关疑难解决方法(0)

我想在大小非本机时有一个内联svg元素的内容比例.当然,我可以把它作为一个单独的文件,并像这样扩展它.

index.html的: <img src="foo.svg" style="width: 100%;" />

foo.svg: <svg width="123" height="456"></svg>

但是,我想通过CSS向SVG添加其他样式,因此不能选择连接外部样式.如何制作内联SVG比例？

我正在尝试使用CSS在<ul>列表项上设置自定义SVG图标.例:

<ul>
    <li style="list-style-image: url('first.svg')">This is my first item</li>
    <li style="list-style-image: url('second.svg')">And here's my second</li>
</ul>

问题是图像太大,并拉伸线条的高度.我不想改变图像大小,因为使用SVG的目的是按分辨率进行缩放.有没有办法使用CSS设置图像的大小而没有某种background-image黑客攻击？

编辑:这是一个预览(故意选择用于插图和戏剧的大图):http ://jsfiddle.net/tWQ65/4/
我当前的background-image解决方法,使用CSS3 background-size:http://jsfiddle.net/kP375/1/