फोनगैप/कॉर्डोवा एंड्रॉइड ऑन-डेविस रीडी

Question

के बाद स्क्रीन आकार प्राप्त करें onDeviceReady ईवेंट पर एंड्रॉइड ऐप अमान्य आकार (320x480) देता है, लेकिन कुछ सेकंड के आकार के बाद सही हो जाता है।

हम शुरुआत में सही आकार कैसे प्राप्त कर सकते हैं? या क्या कोई ऐसी घटना है जिस पर मुझे सही आकार मिल सकता है?

मैं इस समारोह का उपयोग कर रहा आकार पाने के लिए:

function getWindowSizes() { 
 var windowHeight = 0, windowWidth = 0; 
 if (typeof (window.innerWidth) == 'number') { 
     windowHeight = window.innerHeight; 
     windowWidth = window.innerWidth; 
      
 } else if (document.documentElement && (document.documentElement.clientWidth || document.documentElement.clientHeight)) { 
     windowHeight = document.documentElement.clientHeight; 
     windowWidth = document.documentElement.clientWidth; 
      
 } else if (document.body && (document.body.clientWidth || document.body.clientHeight)) { 
    windowHeight = document.body.clientHeight; 
    windowWidth = document.body.clientWidth; 
 } 
 return [windowWidth, windowHeight]; 
} 

व्यूपोर्ट:

<meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width, height=device-height, target-densitydpi=device-dpi" />

Cordova 2.5.0 का उपयोग करना।

यूपीडी:
जैसा कि आप इस स्क्रीनशॉट एप्लिकेशन को छोटे आकार के साथ लॉन्च कर सकते हैं। यहां तक ​​कि खाली कॉर्डोवा परियोजना भी करता है। मैं इसे कैसे ठीक करूं?

धन्यवाद!

Answer 1

मेटा हेडर इंडेक्स पर ऊंचाई, चौड़ाई और घनत्व गुणों को हटाएं।

Answer 2

स्थिति को हटाने का प्रयास करें: ऐप क्लास में पूर्ण संपत्ति (index.css के अंदर)। यह मेरे लिए काम करता है।

Answer 3

शीर्षलेख में लक्ष्य-घनत्व डीपी को निकालने का प्रयास करें।

डिवाइस डीपीआई भौतिक पिक्सेल पर आधारित है जबकि सीएसएस पिक्सल तर्क पिक्सेल हैं, तो वे एक-दूसरे से अलग होते हैं, अगर आप उन्हें मजबूर करते हैं, तो आप स्क्रीन को बढ़ाएंगे।

window.devicePixelRatio यदि रूपांतरण परिणाम दे सकता है (वेबकिट पर)

अद्यतन:। https://petelepage.com/blog/2013/02/viewport-target-densitydpi-support-is-being-deprecated/