股利寬度在放大鉻瀏覽器

打開此鏈接在鉻瀏覽器http://jsfiddle.net/A8fhT/3/和看到元件寬度（270），下一個使變焦縮小（CTRL +「 - 」）和現在看到的寬度（269）。在Firefox上一切正常，任何Chrome的解決方案，或者這是錯誤？股利寬度在放大鉻瀏覽器

編輯： A.K例如http://jsfiddle.net/akhurshid/5E9kj/ 圖片：http://s7.postimage.org/qgezkqcor/image.png

來源

2012-08-06 galer88

按預期工作！ – 2012-08-06 09:07:18

工作細... http://jsfiddle.net/akhurshid/5E9kj/ – 2012-08-06 09:26:36

@AK：儘量放大還原（CTR + 「 - 」）檢查還是問題.. – 2012-08-06 09:35:28

問題僅僅是與絕對定位的元素，所以我改性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"; 
     }

來源

2012-09-09 12:56:39 galer88

我在geni.com引線前端顯影劑主要在HTML5 tree工作。

我與zoom廣泛的合作，但一直沒能在所有瀏覽器獲得一致的行爲。不過，我發現CSS變換的scale比變焦更可靠。

如果您確實需要放大，請嘗試應用scale至$(body)（或任何其他元素）。我可以在Chrome中獲得一致的寬度FF & FF。

JSFiddle Demo

來源

2012-08-07 16:14:15 briangonzalez

我不需要縮放，但用戶可以做ctrl-（出於某種原因），然後應用程序獲取錯誤的寬度。 – galer88 2012-08-08 10:10:59

股利寬度在放大鉻瀏覽器

回答

相關問題