@Skrolea

Почему буквы разного размера?

Чего я туплю сейчас. Делаю так
<div class="header__brand">
        <h3>Site.<span>com</span></h3>
</div>
В стилях так
body {    
    font-size: 100%; 
    font-weight: 400;   
}
h3 {
    color: #ff4081;
}
.header__brand h3 span{
    color: #000;
}
/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {    
    .header__brand h3 {
        font-size: 1.7em;
    }
    .header__brand h3 span {
        font-size: 1.7em;
    }
}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
    .header__brand h3 {
        font-size: 1.7em;
    }
    .header__brand h3 span{
        font-size: 1.7em;
    }
}

и текст до span и после - разного размера. Чего я не то написал то? Извините за вопрос такой.
Пример на jsFiddle

Или span берет от родительского элемента как то размер шрифта?
  • Вопрос задан
  • 542 просмотра
Решения вопроса 1
evgeniy8705
@evgeniy8705
Повелитель вселенной
span - 1.7em от h3
h3 - 1.7em от .header__brand

Уберите размер для span, либо укажите 1em
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
@IceJOKER
Web/Android developer
Там же одинаковый размер О_О можете убрать span, все будет также
эффект может от красного цвета?
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы