问是否可以使用以下命令设置图标的流体宽度:after
EN

Stack Overflow用户

提问于 2012-06-28 18:12:43

回答 1查看 54关注 0票数 0

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

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

使用绝对定位，我将其设置为位于文本下方...(是的，它们是大按钮)。但这是一个响应式的网站，所以当导航项目的宽度缩小时，有一两个图标太宽了，但由于我设置它们的方式，我无法想出一种方法来改变它们的大小，我恐怕我也做不到，但我希望有人能有一个解决方案，以便图标对不断变化的大小做出反应。这有可能吗？

在此之前，非常感谢您。

发布于 2012-06-28 21:14:08

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

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/11242406

复制

相似问题

问是否可以使用以下命令设置图标的流体宽度:afterEN