Проблема размера шрифта в iOS, невидимая в Chrome инструментах разработчика

Question

На моем сайте stefaanoyen.be У меня проблема с div в моем нижнем колонтитуле.

Это HTML:

<div class="right-div">
   <span class="footertips"><a href="https://www.stefaanoyen.be/category/blog">Krachttips</a> • </span>
   <a href="https://www.stefaanoyen.be/algemene-voorwaarden">Algemene voorwaarden</a> • 
   <a href="https://www.stefaanoyen.be/privacy">Privacy</a> • 
   <a style= "color:#b72518" href="https://www.stefaanoyen.be/contact/">Contacteer mij</a><
/div>

И это это CSS:

.right-div {
    float: right;
    padding-right: 10px;
    font-size: 12px !important;
}

Когда я проверяю свой нижний колонтитул в инструментах разработчика Google Chrome, правый div имеет размер шрифта 12px, также на ширине iPhone. Однако, когда я смотрю на свой сайт в Chrome или Safari на моем iPhone 8, левый div имеет размер шрифта 12px, но правый div имеет больший размер шрифта (строка, начинающаяся с 'Krachttips ):

Как получилось? Я не могу проверить css на своем iPhone, и я понятия не имею, откуда это исходит.

Большое вам спасибо за помощь мне!

Answer 1

Попробуйте это css

body {
    -webkit-text-size-adjust: 100%;
}

Для отладки необходимо устройство Macosx, выполните следующие действия Меню разработки Safari

Answer 2

Можете ли вы дать span и тегу свойство стиля размера шрифта и проверить, в порядке ли оно?