फेसबुक, इंस्टाग्राम और ट्विटर ब्राउज़र उचित व्यूपोर्ट ऊंचाई वापस नहीं लौट रहे हैं

Question

मैं इस के लिए एक फिक्स ढूंढ रहा हूं जो इन सभी सामाजिक ब्राउज़रों या कम से कम फेसबुक के लिए पिछले कुछ हफ्तों के लिए काम करता है और अभी तक कुछ भी पता नहीं लगा है या कुछ भी उपयोगी पाएं। आखिरी कुछ पोस्ट मैंने देखा है कि सेटअप आकार बदलने के कार्यों ने मेरे लिए काम करने में असफल रहा है।

मैं

की कोशिश की है

जे एस

function _fixViewportHeight() { 
    var html = document.querySelector('html'); 

    function _onResize(event) { 
     html.style.height = window.innerHeight + 'px'; 
    } 

    window.addEventListener('resize', _.debounce(_onResize, 125, { 
     leading: true, 
     maxWait: 250, 
     trailing: true 
    })); 

    _onResize(); 
} 

_fixViewportHeight(); 

सीएसएस

html, body, .fullpage-wrapper { 
    position: absolute; 
    top: 0; 
    left: 0; 
    bottom: 0; 
    right: 0; 
    overflow: hidden; 
} 

व्यूपोर्ट

<meta name="viewport" 
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, target-densityDpi=device-dpi"> 

भी करने की कोशिश की इस जेएस

window.addEventListener("resize", function(){ 
    onResize(); 
}); 

function onResize(){ 
    document.querySelector("html").style.height = window.innerHeight + "px" 
setTimeout(function(){$(window).scrollTop(0)}, 1000); 
}; 

onResize(); 

सोच रहा था कि शायद यह स्क्रिप्ट मैंने कहीं कहीं काम कर सकता है - लेकिन मुझे यकीन नहीं है कि इसे ठीक से कैसे कार्यान्वित किया जाए।

FB.Canvas.getPageInfo(
    function(info) { 
     alert('Width: ' + info.clientWidth + ' Height: ' + info.clientHeight); 
    } 
); 

https://developers.facebook.com/docs/reference/javascript/FB.Canvas.getPageInfo/

कोई इस के साथ मेरी मदद कृपया, मैं इस बिंदु पर कोई किराया होगा।

क्या यह

क्या Facebooks ब्राउज़र फसलों की तरह लग रहे चाहिए था/काट देता है।

Answer 1

यह व्यूपोर्ट नहीं विशिष्ट साथ आम समस्या है "पूर्वावलोकन" ब्राउज़र

मैं https://github.com/rodneyrehm/viewport-units-buggyfill काफी कुशल पाये जाते थे। आपको केवल .js फ़ाइल को शामिल करना होगा और इसे

viewportUnitsBuggyfill.init({ 
    force: true, // use for debug on desktop 
    refreshDebounceWait: 300 // good for performance 
});