iOSのフォントサイズにflexが影響するのはなぜですか？

Question

私はそのフォントのサイズを確認した後、かなりショックを受け

コード

デスクトップのSafariのiOS

のiOS上でフレキシボックスを使用しながら、何とか影響を受けているんです

a { 
 
    font-size: 14px; 
 
} 
 

 
a + a { 
 
    margin-left: 1em; 
 
} 
 

 
.flex { 
 
    display: flex; 
 
} 
 

 
.float > a { 
 
    float: left; 
 
} 
 

 
.float:after { 
 
    content: ""; 
 
    display: block; 
 
    clear: both; 
 
}

<div> 
 
    <a href="#">hola</a> 
 
    <a href="#">adios</a> 
 
    <a href="#">hola</a> 
 
    <a href="#">adios</a> 
 
    <a href="#">hola</a> 
 
    <a href="#">adios</a> 
 
    <a href="#">hola</a> 
 
    <a href="#">adios</a> 
 
</div> 
 

 
<div class="flex"> 
 
    <a href="#">hola</a> 
 
    <a href="#">adios</a> 
 
    <a href="#">hola</a> 
 
    <a href="#">adios</a> 
 
    <a href="#">hola</a> 
 
    <a href="#">adios</a> 
 
    <a href="#">hola</a> 
 
    <a href="#">adios</a> 
 
</div> 
 

 
<div class="float"> 
 
    <a href="#">hola</a> 
 
    <a href="#">adios</a> 
 
    <a href="#">hola</a> 
 
    <a href="#">adios</a> 
 
    <a href="#">hola</a> 
 
    <a href="#">adios</a> 
 
    <a href="#">hola</a> 
 
    <a href="#">adios</a> 
 
</div>

私はここで何をしないのです？これはバグでしょうか？

Answer 1

ので、フォントサイズの問題はフレックスとフロート、両方のために表示されます。

https://stackoverflow.com/a/22417120/94144

、これはそれを修正追加：

a { 
    text-size-adjust: 100%; 
    -ms-text-size-adjust: 100%; 
    -moz-text-size-adjust: 100%; 
    -webkit-text-size-adjust: 100%; 
}