safari中引导容器右侧的额外空间

我在safari 5.1.7中遇到了此错误。我有一排12列，问题是在Safari浏览器中查看时，容器为右侧增加了额外的空间。safari中引导容器右侧的额外空间

下面的代码：

CSS

.wrapper { 

    background:blue; 
    } 

    .wrapper .container { 

    background:red; 

    } 

    .wrapper .container .row .col { 

    height:30px; 
    background:grey; 
    padding: 0; 
    }

HTML

<div class="wrapper"> 
    <div class="container"> 
    <div class="row"> 
     <div class='col-xs-1 col'></div> 
     <div class='col-xs-1 col'></div> 
     <div class='col-xs-1 col'></div> 
     <div class='col-xs-1 col'></div> 
     <div class='col-xs-1 col'></div> 
     <div class='col-xs-1 col'></div> 
     <div class='col-xs-1 col'></div> 
     <div class='col-xs-1 col'></div> 
     <div class='col-xs-1 col'></div> 
     <div class='col-xs-1 col'></div> 
     <div class='col-xs-1 col'></div> 
     <div class='col-xs-1 col'></div> 
    </div> 
    </div> 
</div>

的代码工作正常，除了上的Safari浏览器的所有。

这是chrome

这是safari

来源

2016-02-17 Dujndaf

它并不奇怪，因为你正在使用的版本太旧。引导但不记录在文档中此问题：

的Safari％的四舍五入

Safari浏览器的版本的渲染引擎的Safari为iOS V8.0不得不V7.1的OS X和一些之前在我们的.col - * - 1网格类中使用的小数位数遇到问题。因此，如果您有12个单独的网格列，则您会注意到它们与其他行的列数相比排列不足。除了升级Safari浏览器/ iOS版，您有解决方法的一些选项：

.pull右添加到您的最后一个网格列，以获得硬右对齐

手动调整的百分比，以获得完美的圆Safari浏览器（比第一种办法更困难）

我不会与支持打扰的浏览器，并不再使用，但。

来源

2016-02-17 12:24:55 haxtbh

safari中引导容器右侧的额外空间

回答

相关问题