0

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

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

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

提前谢谢了。

4

1 回答 1

0

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

于 2012-06-28T13:14:07.577 回答