为什么flex会影响iOS的字体大小?
在Safari iOS上使用flexbox确认字体大小受到某种影响后,我感到非常震惊
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>
我在这里错过了什么?这是一个错误吗?
所以,字体大小问题同时出现在flex和float上:
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%; }