1. ev
  2. Soru-cevap
  3. window.innerWidth window.outerWidth arasındaki fark nedir?

window.innerWidth window.outerWidth arasındaki fark nedir?

2012-08-22 30 views

cevap

8

:

window.outerWidth

window.outerWidth tarayıcı penceresinin dışından genişliğini alır. Kenar çubuğu (genişletilmişse), pencere kromu ve pencere kenarlıkları/tutamaçlarını yeniden boyutlandırma dahil olmak üzere tüm tarayıcı penceresinin genişliğini temsil eder. , dikey bir kaydırma çubuğu hale getirilmelidir, aşağıdakileri içeren bir tarayıcı penceresi görüntü alanının

ve

window.innerWidth (piksel)

genişliği.

Bu, görünüşte nasıl çalışırlar. Ancak bir test sayfası, Ubuntu 12.04'te Firefox 14.0.1'de onları nasıl yeniden boyutlandımlarsa değiştirsinler. Chromium'da, 8 pikselden farklı sayıları döndürürler. Bir parça ölü hesap yaparak, bu uygulamadaki pencere kromunun sol tarafında 4 piksel ve sağ tarafta 4 piksel olduğu ve bu farkın tarayıcıda doğru bir şekilde alındığı anlaşılıyor. window.outerWidth` eşittir `

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <title>12066093</title> 
    <meta charset="utf-8"> 
</head> 
<body> 
<div style="width:2000px; height: 2000px;">hi</div> 
<script type="text/javascript"> 
    alert("window.innerWidth: " + window.innerWidth + "\nwindow.outerWidth: " + window.outerWidth); 
</script> 
</body> 
</html>

kaynak

2012-08-22 04:08:09 chucksmash

+0

ama her durumda ben window.innerWidth'' hem görüp !!: Test sayfası için

Kod kullandım – AmerllicA

2

window.innerWidth ve window.outerWidth için Mozilla referansını kontrol edin. İşletim sisteminiz/pencere yöneticiniz bunlara sahipse, window.outerWidth pencere kenarlıklarını, yeniden boyutlandırma tutamaçlarını ve kenar çubuklarını içerir.

Yer imlerini veya geçmiş kenar çubuğunu açmayı deneyin, ardından bunu Firebug'da yeniden deneyin. Mozilla Geliştirici Ağı itibaren

kaynak

2012-08-22 04:01:21 Snowball

İlgili konular

 İlgili konular