Почему этот текст 0,95EM отображается больше, чем текст 1EM на одной странице? ⇐ Html

[Anonymous]

Пытаюсь обернуть мою голову по странной проблеме рендеринга. < /p>
У меня есть два контейнера с текстом. Один из них находится в разделе «Герой», один находится в разделе нижнего колонтитула. См. Screenshot для справки:



Aerial Videography

(Company Name)

Your premier choice for high-quality aerial photography

[url=mailto:email@address.com]email@address.com[/url]




Home
Services
Portfolio
Contact Us




Copyright 2025 All Rights Reserved


< /code>
css для нижней части: < /p>
#ftr_cont {
width: 100%;
display: flex;
flex-flow: column;
align-items: center;
margin-top: min(4vw, 4vh);
background: #000;
outline: 5px double #000;
color: #fff;
}

#ftr_cont * {
padding: min(1vw, 1vh);
font-size: 0.95em;
text-decoration: none;
}

#ftr_cont a:hover {
text-shadow: #fff 0 0 1vh;
}

#ftr_content_cont {
width: 80vw;
display: flex;
flex-flow: column;
}

#ftr_blurb_cont {
flex-basis: 40%;
}

.ftr_title {
font-size: 1.4em !important;
margin: min(1.5vw, 1.5vh) 0;
}

#ftr_contact_cont {
flex-basis: 40%;
}

#ftr_contact_deets * {
padding: 0;
vertical-align: middle;
font-size: 1em;
}

.ftr_contact_icon {
height: 1.4em;
margin: min(0.3vw, 0.3vh);
margin-left: 0;
}

#ftr_menu_cont {
margin-top: min(1.5vw, 1.5vh);
display: flex;
flex-flow: row nowrap;
justify-content: space-between;
}

#ftr_menu_cont a,
#ftr_menu_cont a:visited {
color: var(--col_orange_dark);
}

#ftr_menu_cont a:hover {
text-shadow: #bbb 0 0 2px;
}

#ftr_cc_separator {
width: 80vw;
height: 1px;
padding: 0;
background: #fff
}

#ftr_cc p {
font-size: 0.7em;
}

@media (min-width: 690px) {

#ftr_cont {
font-size: min(1.8vw, 4.2vh);
}

#ftr_content_cont {
flex-flow: row nowrap;
}

#ftr_menu_cont {
flex-flow: column;
flex-basis: 20%;
justify-content: space-between;
text-align: right;
}

}
[/code]
Что я делаю не так?

Подробнее здесь: https://stackoverflow.com/questions/797 ... -same-page