我可以使用 :after 在图标集上设置流体宽度吗答案

【问题标题】：Can I have fluid width on icon set using :after我可以使用 :after 在图标集上设置流体宽度吗
【发布时间】：2012-06-28 21:14:07
【问题描述】：

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

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

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

非常感谢。

【问题讨论】：

【解决方案1】：

您是否尝试过使用媒体查询来加载较小版本的图标？让背景图像响应是一项艰巨的任务。如果您将它们放入 img 标签中，您将更容易使用它

【讨论】：