Chrome CSS 너비

Question

누구나 이전에 본 사람이 있습니까?

Chrome은 Firefox 또는 Safari에 표시되지 않는 약간의 너비 렌더링 문제가 있습니다. 이미지를 보면 Chrome에서 약간의 들여 쓰기가 있습니다. 상단 요소와 현재 요소는 모두 동일한 HTML DOM 수준에 있습니다. 두 사람 모두 & 관계와 CSS를 가지고 있습니다.

저는 부트 스트랩과 LESSHat을 사용하고 있습니다. Firefox 나 Safari에서 CSS가 문제가되지 않는다고 생각하지 마십시오.

회색조로 앤티 앨리어싱을 시도했지만 차이가 없습니다.

& 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

크롬 폭은 자바 스크립트 나 CSS와 함께 무엇을 얻을하지 않습니다.

Dev Tools가 열려있는 동안이 코드로 크기를 조정하십시오.

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

크롬 892

크롬 요즘 Explorer가 아닌 최악 보여주고 있지만 : 그것은 같은 출력 쉽게

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

에 대한 jQuery를 필요로한다. 그냥 해.