2012-05-27 19 views
8

में आईपैड स्क्रीन चौड़ाई कैसे प्राप्त करें मुझे जावास्क्रिप्ट का उपयोग करके वेबपृष्ठ से सभी मोबाइल उपकरणों का स्क्रीन आकार गतिशील रूप से प्राप्त करने की आवश्यकता है।जावास्क्रिप्ट

मैं इस की कोशिश की है:

//get window's size 
if (document.body && document.body.offsetWidth) { 
windowsWidth = document.body.offsetWidth; 
windowsHeight = document.body.offsetHeight; 
} 
if (document.compatMode=='CSS1Compat' && 
    document.documentElement && 
    document.documentElement.offsetWidth) { 
windowsWidth = document.documentElement.offsetWidth; 
windowsHeight = document.documentElement.offsetHeight; 
} 
if (window.innerWidth && window.innerHeight) { 
windowsWidth = window.innerWidth; 
windowsHeight = window.innerHeight; 
} 

लेकिन आईपैड पर मैं इस आकार: 980 x 1080 (नहीं असली 768 x 1024)।

धन्यवाद

मौरो

+2

यहां, यह उत्तर देखें: http://stackoverflow.com/q/6850164/1291428 – Sebas

+4

विंडो आकार **! = ** स्क्रीन का संकल्प। – gdoron

+0

क्या आपने स्क्रीन ऑब्जेक्ट का प्रयास किया था? – Zaffy

उत्तर

4

आईपैड पर स्क्रीन आयाम हो रही स्क्रीन वस्तु की चौड़ाई और ऊंचाई गुण पढ़ने की आवश्यकता है।

var height = screen.height; 
var width = screen.width; 

ये अभिविन्यास के आधार पर 768 और 1024 प्रदान करेगा।

+1

स्क्रीन.विड्थ और स्क्रीन .height गलत मान लौट रहे हैं। नीचे टिप्पणियों पर देखो: - iPad3 के लिए अपने लौटने 768 x 1024 जहां अपने मूल संकल्प 1536 x 2048 है के रूप में - iPhone5 के लिए अपने लौटने 320 x 568 के रूप में अपने मूल संकल्प है, जहां 640 x 1136. के अनुसार मेरे अवलोकन, स्क्रीन.विड्थ और स्क्रीन। हाइट एंड्रॉइड उपकरणों के लिए पूरी तरह से ठीक काम कर रहे हैं। लेकिन आईओएस उपकरणों के लिए, यह गलत मान लौट रहा है। आईओएस उपकरणों के लिए स्क्रीन रेज़ोल्यूशन कैसे ढूंढें इसके लिए कोई विचार? –

+0

@ अंकित प्रजापति यह सीएसएस रिज़ॉल्यूशन देता है, जो स्क्रीन.विड्थ का उद्देश्य है। आपको हमेशा डिवाइस रिज़ॉल्यूशन का इलाज करना चाहिए क्योंकि यह सीएसएस रिज़ॉल्यूशन है। –

+0

@ जोशलाइनेस: स्पष्टीकरण के लिए धन्यवाद। :) –