我有一个无序列表的链接，每个链接都有一个唯一的 ID。
我将该 ID 与 :before 选择器一起使用来放置
链接前的关联网站图标（使用 content 属性）。
其中一个图标的大小是其他图标的两倍。
有没有办法使用 CSS 更改此图标的大小？
如果答案是否定的，除了编辑图片还有什么办法吗？
视觉参考：
这是我尝试过的（但似乎不起作用）：
#geog:before
{
content: url("icons/geogebra.ico") " ";
height: 50%;
width: 50%;
}
【问题讨论】：
标签： css
我之前也遇到过同样的问题。试试这个：
#geog:before
{
display: inline-block;
width: 16px;
height: 16px;
margin-right: 5px;
content: "";
background: url("icons/geogebra.ico") no-repeat 0 0;
background-size: 100%;
}
我确定您必须调整这些值，但这对我有用。当然，如果由于某种原因不能将其设置为背景图像，这将不起作用。祝你好运！
【讨论】：
我相信您正在寻找zoom 属性。检查this jsfiddle
您还可以在图标和元素内容之间添加margin-right 间距。
【讨论】：
使用 PX 代替 %
#geog:before
{
content: url("icons/geogebra.ico") " ";
height: 5px;
width: 5px;
}
试试看 :-)
【讨论】：