Vấn đề chân trang cố định trên Trình mô phỏng WP8

Question

Tôi đã sử dụng chân trang cố định trong một ứng dụng web HTML5 của mình. Nó hoạt động tốt trên trình duyệt điện thoại IE10, nhưng khi tôi thử nó ra trên WP8 Emulator sử dụng web-view

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

nó để lại một khoảng trống ở phía dưới.

Tôi đã đọc nó ở đâu đó và chỉnh sửa thẻ meta để bao gồm chiều cao.

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

Khoảng cách đã biến mất. Tuy nhiên, tôi không nghĩ rằng đây sẽ là một ý tưởng tốt bởi vì khi định hướng thay đổi chân trang bị mất, chiều cao vẫn là 541. Tôi không muốn mã hóa chiều cao ở bất kỳ đâu, vì nhiều thiết bị có thể có chiều cao khác nhau.

Dường như chiều cao cổng xem không được đặt chính xác cho css. Tôi đang sử dụng đáy: 0; vị trí: tuyệt đối; để sửa footer. Tôi đã thử vị trí: cố định quá.

Đây là liên kết tham chiếu: WP8 Scroll Demo

Xin vui lòng trợ giúp.

Answer 1

Sử dụng iscroll4 và sử dụng vài truy vấn phương tiện truyền thông trong css:

@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; 
    } 
} 

này hoạt động tốt trên Windows Mobile 8 điện thoại. Đây là bản trình diễn: http://jqtouch.rediffmailpro.com/iScroll/win8Example.html