स्क्रीन चौड़ाई बनाम दृश्य भाग

Question

मुझे जावास्क्रिप्ट के साथ एक छोटी सी समस्या है, स्क्रीन स्क्रीन चौड़ाई पाने के लिए हम स्क्रीन का उपयोग करते हैं। विड्थ जो समग्र स्क्रीन रिज़ॉल्यूशन देता है, ब्राउज़र के दृश्य भाग का संकल्प प्राप्त करने के लिए एक आदेश है, जैसे जब ब्राउज़र को अधिकतम नहीं किया जाता है?

Answer 1

function width(){ 
    return window.innerWidth 
     || document.documentElement.clientWidth 
     || document.body.clientWidth 
     || 0; 
} 

function height(){ 
    return window.innerHeight 
     || document.documentElement.clientHeight 
     || document.body.clientHeight 
     || 0; 
} 

उनका उपयोग करें height() या दिखाई विंडो के width() वापस जाने के लिए।

JSFiddle example.

Answer 2

आप जिस क्षेत्र का वर्णन कर रहे हैं व्यूपोर्ट है, और आम तौर पर आधुनिक ब्राउज़रों में window.innerWidth या का उपयोग कर window.innerHeight द्वारा पहुँचा जा सकता। आईई 6 थोड़ा अलग है, लेकिन सभी ब्राउज़रों के लिए व्यूपोर्ट चौड़ाई को संभालने के बारे में अधिक जानकारी this tutorial on obtaining viewport size में पाई जा सकती है।

Answer 3

मैंने देखा कि सवाल का उत्तर दिया गया था, लेकिन यहां कोड है जिसका उपयोग मैंने छवि के साथ करने के लिए किया था।

function height(){ 
return(window.innerHeight)? 
window.innerHeight: 
document.documentElement.clientHeight||document.body.clientHeight||0; 
} 
$(document).ready(function(){ 
$('.first, .second').css('height',height()); 
}); 
$(window).resize(function() { 
$('.first, .second').css('height',height()); 
}); 

JSFiddle Example