2012-12-03 17 views
7

पर फिक्स्ड फ़ूटर समस्या मैंने अपने HTML5 वेब-एप में एक निश्चित पाद लेख का उपयोग किया है। यह IE10 फ़ोन ब्राउज़र में ठीक काम करता है, लेकिन जब मैं यह वेब-व्यूWP8 एमुलेटर

mainBrowser.Navigate(new URi("http://jqtouch.rediffmailpro.com/iScroll/win8Example1.html",URiKind.Absolute)); 

का उपयोग कर WP8 एम्युलेटर पर बाहर की कोशिश यह नीचे एक खाई छोड़ देता है।

मैंने इसे कहीं पढ़ा, और ऊंचाई को शामिल करने के लिए मेटा टैग संपादित किया।

<meta name="viewport" content="width=device-width, height=541 initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0"> 

अंतर समाप्त हो गया है। लेकिन, मुझे नहीं लगता कि यह एक अच्छा विचार होगा क्योंकि अभिविन्यास बदलने पर पाद लेख गुम हो जाता है, क्योंकि ऊंचाई 541 बनी हुई है। मैं कहीं भी ऊंचाई को हार्ड-कोड नहीं करना चाहता, क्योंकि कई उपकरणों की अलग-अलग ऊंचाई हो सकती है।

ऐसा लगता है कि दृश्य-पोर्ट ऊंचाई सीएसएस के लिए सही ढंग से सेट नहीं है। मैं नीचे प्रयोग कर रहा हूँ: 0; स्थिति: पूर्ण; पाद लेख को ठीक करने के लिए। मैंने स्थिति की कोशिश की है: भी तय है। WP8 Scroll Demo

कृपया मदद:

यहाँ संदर्भ कड़ी है।

उत्तर

0

iscroll4 और उपयोग सीएसएस में कुछ मीडिया के प्रश्नों का उपयोग करें:

@media screen and (orientation: portrait) { 
    @-ms-viewport { 
    width: 320px; 
    user-zoom: fixed; 
    max-zoom: 1; 
    min-zoom: 1; 
    } 
} 

@media screen and (orientation: landscape) { 
    @-ms-viewport { 
    width: 480px; 
    user-zoom: fixed; 
    max-zoom: 1; 
    min-zoom: 1; 
    } 
} 

यह विंडोज मोबाइल 8 फोन पर ठीक काम करता है। यहां एक डेमो है: http://jqtouch.rediffmailpro.com/iScroll/win8Example.html