Html 我可以使用：after设置图标上的流体宽度吗

我有一个导航，在我的文本集后面有图标，在CSS中使用：after:

a.pro-serv:after { 
  content: url('../imgs/pro.png'); 
  position: absolute; 
  top: 65px; 
  left: 50%; 
  margin-left: -31px; 
}

使用绝对定位，我设置它，使其位于文本下。。。（是的，它们是大按钮）。但它是一个响应性很强的网站，因此当导航项目宽度缩小时，一个或两个图标太宽，但由于我设置它们的方式，我无法找到改变它们大小的方法，我担心我不能，但我希望有人能找到一个解决方案，以便图标对不断变化的大小做出反应。。这可能吗

---

非常感谢。

您是否尝试过使用媒体查询加载较小版本的图标？让背景图像响应是一项困难的任务。如果你把它们放进img标签里，你会更容易处理