आईफ़ोन सफारी स्क्रीन.वैलहाइट और स्टेटसबार/टूलबार/एड्रेसबार

Question

मैं स्क्रीन की ऊंचाई पर कंटेनर को कम करने के लिए, स्टेटसबार और टूलबार को कम करने के लिए आईफोन सफारी में उपलब्ध स्क्रीन आकार प्राप्त करने का प्रयास कर रहा हूं।

चूंकि आईओएस हमेशा स्क्रीन आयाम देता है जैसे कि फोन पोर्ट्रेट अभिविन्यास में है, मैं स्क्रीन का उपयोग कर रहा हूं। वैलेंटाइंड परिदृश्य में ऊंचाई को काम करने के लिए। अनुसरण कर रहे हैं आयाम लौटे:

screen.width; //320 
screen.availWidth; //300 

20px अंतर फोन पर शीर्ष स्थिति बार के लिए खातों लेकिन खाते में स्क्रीन के नीचे स्थित बटन बार (उपकरण पट्टी) नहीं लेता है।

क्या कोई ऐसी संपत्ति है जिसका उपयोग मैं 268 पीएक्स वापस कर सकता हूं?

मैं बस (स्क्रीन.वैलविड्थ - 32) करता हूं लेकिन एक मौका है कि उपयोगकर्ता साइट को डेस्कटॉप बुकमार्क के रूप में जोड़ देगा, इस मामले में यह बार मौजूद नहीं होगा और 300px मान सही होगा।

Answer 1

मेरे पास सही उत्तर नहीं है, लेकिन आप यह निर्धारित कर सकते हैं कि उपयोगकर्ता मोबाइल सफारी में है या डेस्कटॉप बुकमार्क में navigator.standalone संपत्ति के साथ है। इसके साथ आप तय कर सकते हैं कि 32px को घटाया जाए या नहीं।

संपादित करें: उत्तर मिला। <meta name="viewport" content="user-scalable=no, width=device-width, height=device-height" /> का उपयोग करें और फिर सही मान window.innerWidth/window.innerHeight