Могу ли я иметь ширину жидкости на значок набор с помощью: после

Question

я получил навигацию, где у меня есть значки после моего текста набор с помощью: после того, как в CSS:

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

Используя абсолютное позиционирование Я поставил его поэтому он сидит под текстом ... (да, они большие кнопки). Но это отзывчивый сайт, так как элементы навигации сжимаются по ширине, одна или две значки слишком широки, но из-за того, как я их устанавливаю, я не могу найти способ изменить их размер, и я боюсь, что я не могу, но я надеюсь, что у кого-то может быть решение, так что для меняющегося размера значки реагируют .. Возможно ли это?

Большое спасибо заранее.

Answer 1

Вы пытались использовать медиа-запросы, чтобы загрузить меньшую версию значков? Получение фоновых изображений для быстрого реагирования - сложная задача. Если вы поместите их в теги img, вам будет намного проще перейти от него