Question

我有一个导航，我的文本设置后我有图标：在CSS之后：

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

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

非常感谢提前。

Answer 1

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