Chrome CSS宽度问题

Question

有人以前见过这个吗？

由于某些原因，Chrome有一个轻微的宽度渲染问题，在火狐或Safari.If中没有显示出来，你看这张图片，就会发现Chrome有一个轻微的垂直缩进。顶部元素和当前元素都位于相同的HTML级别。两者都有相同的&关系和CSS。

我使用的是引导和LESSHat。不要认为CSS是Firefox或Safari的问题所在。

我试着反化名，灰阶，但这些都没有区别。

​

& div.toolbar-group {
position:                               absolute;
z-index:                                200;
width:                                  96%;
padding:                                0;
margin:                                 0 auto;
margin:                                 20% 0 0 2%; 
white-space:                            nowrap;
-webkit-font-smoothing:                 antialiased;
-moz-osx-font-smoothing:                grayscale;      
background:                             #3c4145;
.box-shadow(    2px 0 0px 0 rgba(0,0,0,0.6), 
                -2px 0 0px 0 rgba(0,0,0,0.6));          
& ul.toolbar-frame {
    position:                           relative;
    list-style:                         none;
    height:                             38px;
    width:                              98%;
    border:                             1px solid #000; 
    .background-image(linear-gradient(to bottom, #525252 0%,#2b2b2b 100%)); 
}

}

Answer 1

Chrome宽度不是通过javascript或CSS获得的。

当开发工具打开时，尝试使用此代码调整大小。需要简单的jquery

$(window).resize(function () {
        console.log(" -jqwidth:", $(window).width(), " -inner:", window.innerWidth, " -outer:", window.outerHeight );
 });

它的产出如下：

-jqwidth: 973  -inner: 992  -outer: 1100

而Chrome显示892

Chrome现在比资源管理器还差。它只是s.ucks。