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中引導容器右側的額外空間

回答

相關問題