CSS列表样式图像大小
我正在尝试在<ul>的列表项上使用CSS设置自定义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？
编辑：这是预览（故意为插图和戏剧选择大图像） :
//jsfiddle.net/tWQ65/4/
和我当前的background-image解决方法，使用CSS3 background- size：http :
//jsfiddle.net/kP375/1/
问题答案：
您可能想尝试使用img标签，而不是设置“ list-style-
image”属性。使用CSS设置宽度和高度实际上会裁剪图像。但是，如果使用img标签，则图像将被调整为宽度和高度的值。
-
CSS列表属性作用如下： 设置不同的列表项标记为有序列表 设置不同的列表项标记为无序列表 设置列表项标记为图像 列表 在HTML中，有两种类型的列表： 无序列表 - 列表项标记用特殊图形（如小黑点、小方框等） 有序列表 - 列表项的标记有数字或字母 使用CSS，可以列出进一步的样式，并可用图像作列表项标记。 不同的列表项标记 list-style-type属性指定列表项标记的类型是：:ul.a {
-
在 material design 中，图像（无论是绘画还是摄影）都应该是组建而成而并非人为策划的，看起来神奇并且不显得过度制作。这种风格乐观，愉悦，并且坦率。这种风格比较强调场景的实质性（Materiality），质感，深度，让人意想不到的色彩运用， 以及对环境背景的关注。这些原则都旨在创建目的性强，美丽又有深度的用户界面。 原则 当使用绘画和摄影提升用户体验时，选择能够表达个人关联、信息和令人
-
我想知道我是否可以设置div比率响应像一个图像在CSS。例如，我有一个图像(800px x400px)，并将css设置为宽度：100%。当我使用桌面屏幕(widht:1400px)时，图像将自动调整大小，得到屏幕全宽=>图像大小(1400px x 700px)。但是元素，我必须同时设置宽度和高度有办法设置空宽度800px，高度400px，它将根据屏幕大小自动调整大小，并且它仍然像图像一样保持比例。
-
在我的网站上，我使用reset.css。它为列表样式添加了以下内容：
-
斜体 对齐 文本删除（文本中间划线） 下划线 文本换行 文本颜色 文本字号 粗体 单元格边框 边框样式常量 背景颜色 颜色常量 字体 数字格式化
-
我可以使用表来完成以下布局，但我想知道如何使用div来实现它。 如果我用这个css 这个html 所以所有产品的容器，然后每个产品div都应该有产品的类别...我不太能得到左边的图像和右边的其余文本。 对于经常使用div的css专业人员来说应该是微不足道的。