llgruff
@llgruff
Scala

Как задать размер SVG-логотипу в Safari?

В Safari 5.1.7 искажаются размеры логотипа:
f9d72a76fabb4f9e8693affcf75344bb.PNG
HTML:
<div id=logo">
<a href="/" alt="">
<img src="logo.svg" alt="logo" itemprop="contentUrl">
</a>
</div>

CSS:
#logo img {
  display: block;
  max-width: 100%;
  width: 140px;
  height: 100px;
  margin: 0;
}

Как исправить?
  • Вопрос задан
  • 737 просмотров
Решения вопроса 1
llgruff
@llgruff Автор вопроса
Scala
Помогло дублирование для div'a:
#logo {
width: 140px;
height: 100px;
}

и добавление для img:
#logo img {
border:none;
}

Хороший пример svg logo без багов и кроссбраузерно - тут.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы