SVG Отключено по телефону

Question

У меня проблема, когда логотип сайта отключается в телефоне, но не на рабочем столе. Я пробовал разные вещи, такие как использование <img/> <a> <div>, но та же проблема.

Вот как это выглядит в телефоне: http://saarman.net/storage/123-mob.jpg

Вот как это выглядит в рабочем столе: http://saarman.net/storage/123-web.jpg

заметить Также в мобильном телефоне текст менее жирный, чем в браузере. В чем может быть проблема?

Вот CSS я использую внутри <a> где логотип:

display: block; 
width: 300px; 
height: 80px; 
background-image: url("../image/logo-dark.svg"); 
background-size: 100% 100%; 
background-repeat: no-repeat; 
text-indent: -99999em;' 

Испытан с андроид телефоном, используя браузер Chrome

Answer 1

Мне кажется, что ваш DIV выходит из экрана. Вероятно, это будет работать для вас:

 

    width: 100%; 
    max-width: 300px; 

Примечание: Вы также, возможно, придется играть с высотой. Однако следует выполнить следующие действия:

 

    height: auto;