css - Bootstrap 流体网格系统 Issue Opera 11.64

Question

<!-- html -->
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span12 slider">Text 1</div>
    </div>
</div>
<div class="container-fluid">
    <div class="row-fluid">
        <div class="span8 main">
             Text  2
        </div>
        <div class="span4 login">
             Text  3
        </div>
    </div>
</div>

/* CSS */
.login, .main {
    border: 1px solid #aeaeae;
    border-radius: 10px;
    margin-top: 15px;
}
.slider {
    height: 120px;
    border: 1px solid #aeaeae;
    border-radius: 10px;
    background-image: url(../Images/divFonWithoutBorder.png);
}

歌剧

在其他浏览器中

我该如何解决？

Answer 1

原因是 Opera 中的一个错误，其中小数百分比向下舍入到最接近的整数百分比，例如 5.98% 变为 5%。据我所知，Opera 从来没有正确处理过这个问题。

我不知道一个好的解决方案。一种选择是接受它（当错误仍然存​​在时）。随着百分比向下舍入，结果应该只会在美学上令人不快，不会出现行溢出到两行的问题。另一种选择是避免使用流体网格系统。

为此，我在 Opera 上打开了一个错误，编号为 DSK-364769（但是无法跟踪进度）。