在确认在 Safari iOS 上使用 Flexbox 时字体大小受到某种影响后，我感到非常震惊
iOS
Desktop
Code
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>我在这里缺少什么？这是一个错误吗？
因此，flex 和 float 都会出现字体大小的问题：
https://stackoverflow.com/a/22417120/94144 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%;
}