확대/축소 Chrome 브라우저의 Div 폭

Question

이 링크를 크롬 브라우저 http://jsfiddle.net/A8fhT/3/에서 열고 요소 너비 (270)를 확인한 다음 축소 (Ctrl + "-") 한 다음 너비 (269)를 봅니다. 파이어 폭스에서 모든게 괜찮습니까, 크롬을위한 해결책, 아니면 이것은 버그입니까?

편집 : A.K 예 http://jsfiddle.net/akhurshid/5E9kj/ 이미지 : http://s7.postimage.org/qgezkqcor/image.png

Answer 1

문제는 절대 위치 요소, 그래서 JQuery와 함수 (// 라인) 변성.

function getWidthOrHeight(elem, name, extra) { 

     //deletes position// 
     var $elem = $(elem); // 
     var position = $elem.css('position'); // 
     $elem.css('position', ''); // 

     // Start with offset property 
     var val = name === "width" ? elem.offsetWidth : elem.offsetHeight, 
     i = name === "width" ? 1 : 0, 
     len = 4; 

     if (val > 0) { 
      if (extra !== "border") { 
       for (; i < len; i += 2) { 
        if (!extra) { 
         val -= parseFloat(jQuery.css(elem, "padding" + cssExpand[i])) || 0; 
        } 
        if (extra === "margin") { 
         val += parseFloat(jQuery.css(elem, extra + cssExpand[i])) || 0; 
        } else { 
         val -= parseFloat(jQuery.css(elem, "border" + cssExpand[i] + "Width")) || 0; 
        } 
       } 
      } 

      //sets position// 
      $elem.css('position', position); // 

      return val + "px"; 
     } 

Answer 2

내가 geni.com에서 리드 프런트 엔드 개발자가 HTML5 tree 주로 작업입니다.

나는 광범위하게 zoom으로 작업했지만 모든 브라우저에서 일관된 동작을 수행하지 못했습니다. 그러나 CSS 변환의 scale은 확대/축소보다 훨씬 안정적이라는 것을 알았습니다.

확대/축소가 필요한 경우 scale을 $(body) (또는 다른 요소)에 적용 해보십시오. Chrome & FF에서 일관된 너비를 얻을 수있었습니다.

JSFiddle Demo