2013-07-16 18 views
9

Alt piksel hassasiyeti içerdiğinden, yeni keşfettim ve gerçekten getBoundingClientRect gibi. - Bu, olsa bile kullanıcı tipleri Ctrl+ veya Ctrl + beni tutarlı uyum yaratmak için izin verdi.Tarayıcı getBoundingClientRect'in genişlik ve yükseklik özelliklerini destekliyor mu?

Bu özelliklere top, bottom, left, right, & width & height sahiptir.

Internet'te tarayıcı desteğini bulmak çok kolay, ancak özellikle width ve height özellikleri için çok fazla değil. Bu gerçeğin ardından eklenmiştir. Firefox, Chrome ve IE10'da çalışır, ancak IE8 & IE9 nedir? Bunları rahatça test edemiyorum.

IE8 olarak IE9 ise
+0

sen kullanabilir miyim IE8'de IE8 modunda koymak için geliştirici şeyler? (IE10'un bunu yapabileceğinden emin değilim, fakat IE8'de IE9, muhtemelen bu gibi bir şey alacaktı.) – Pointy

+0

Ayrıca genişlik, sağdan sola farklı? – Pointy

+0

* "geliştirici malzemelerini kullanın" * Geçmişte, IE'deki F12 araçları eski HTML ve CSS ayrıştırıcılarını doğru şekilde yansıtabilmiştir, ancak eski JavaScript yorumlayıcılarında düzgün çalışmadığını fark ettim. –

cevap

9

:

document.body.getBoundingClientRect() 
[object] { 
    right : 2556, 
    top : 0, 
    bottom : 1195, 
    left : 0 
} 
IE9 gibi IE9 ise

: Yani

document.body.getBoundingClientRect() 
[object ClientRect] { 
    bottom : 1435, 
    height : 1435, 
    left : 0, 
    right : 2544, 
    top : 0, 
    width : 2544 
} 

, ben IE9 üzerinde hiçbir IE8 üzerinde evet derdim ...

+2

IE 7 ayrıca genişlik ve yüksekliği desteklemez. Janky programlama deneyimi için Microsoft'a teşekkürler! – Phil

+1

IE8'de sağ-solun tamsayı matematik olarak gerçekleştirildiğini, oysa IE9'daki genişliğin kayan nokta olabileceğini keşfettik. Bir sayfada iki öğeyi sıralamaya çalışıyorsanız yarım piksellik önemli olabilir. –

İlgili konular