Как испраавить баг с исчезновением иконок в вёрстке?

Question

[festus13]

Всем привет, надеюсь кто-нибудь сталкивался с подобным. Сделал вёрстку небольшого лендинга, у меня всё отлично выглядит как по макету, скидываю заказчице, а она говорит что у неё иконок нет, я сначала начал думал что может где кеш не почистила, и прочее, но все мои догадки были безрезультатны. Спросил в группе у парней может кто-нибдуь знает в чём дело, подсказали что может быть из-за бутстрапа, подключил новую версию бутстрапа но нет никаких результатов, всё как прежде.
Так же методом тестов было выявлено что это не зависит от браузера или операционной системы, баг появляется как и на пк так и на мобильном.
Ссылка на сайт :Тут
С иконками:


Без иконок:

Comments

[iBird Rose]

пусть смотрит в сторону блокировщиков. может какой-то особый блокировщик соц сетей стоит

Answer 1

[Eugene Chefranov]

Конечно они не отображаются, если задаете ширину через атрибуты, то размерность (px) указывать не надо. Хром может и проигнорит, а вот мобильные браузеры или менее популярные уже нет.
По хорошему еще и высоту надо указать.

Comments

[festus13]

В футере в иконках так же указывается ширина, но картинки отображаются.

[Eugene Chefranov]

festus13, там без пикселей

[festus13]

Eugene Chefranov, там до этого было с пикселями, я просто уже убрал, думал вдруг поможет, но не сработало, назад уже не менял.

[Eugene Chefranov]

festus13, ну дело ваше, пускай некоторые пользователи будут без иконок

[strelok011]

festus13 пара замечаний:
1. Чтобы не влетать с глупыми ошибками - оформлением управляйте только в стилях.
Предположим, у вас адаптив более серьезный, разные размеры для одной иконки. Прописав размер в атрибутах тега вы костылить будете со всякими important в стилях для определенных разрешений

2. Изучайте стандарты. Вас подвел недостаток знаний. В атрибутах размеры пишутся в кавычках без единиц измерения для пикселей или % для процентов, а в стилях вы можете использовать что угодно (относительные размеры типа em, hw и т.д.)