Cuộn quá mức Div khi chế độ xem -ms-view được chỉ định?

Question

Làm việc trên một trang được xem trong Windows Phone 8 và tôi nhận thấy một hành vi kỳ lạ. Khi -ms-viewport được chỉ định với chiều rộng hoặc chiều cao, có vẻ như người dùng không còn có thể sử dụng các hành vi cuộn cảm ứng trên phần thừa: auto hoặc -ms-touch-move: pan-y element.

Bất kỳ ai gặp phải hành vi này hoặc nhận thức được bất kỳ giải pháp nào?

chỉnh sửa: Truy cập URL này trên một thiết bị WP8 cho một repro: http://fiddle.jshell.net/Vk7SR/3/show/light

Answer 1

Thiết lập @-ms-viewport { width: auto } không thể chấp nhận được đối với một số ứng dụng mong muốn trình bày một giao diện người dùng phản ứng trên các thiết bị Windows Phone. Một lựa chọn làm việc cho phép bạn thiết lập bất cứ chiều rộng khung nhìn mà bạn mong muốn là để thiết lập các quy tắc CSS sau:

body, html { 
    -ms-overflow-style: none !important; 
} 

tôi đã sao chép repro gốc và sửa chữa nó lên với quy tắc này tại https://gist.github.com/tjanczuk/7419485. Bạn cũng có thể điều hướng trực tiếp đến trang HTML có bản sửa lỗi từ thiết bị Windows Phone tại http://htmlpreview.github.io/?https://gist.github.com/tjanczuk/7419485/raw/9a13fc9ad43f2103d8b9e23e25c7b0672a13385f/gistfile1.html

Answer 2

Thiết lập chiều rộng để ô tô (như dưới đây) thay vì thiết bị-width dường như để giải quyết vấn đề di chuyển. Tôi đã lấy nguồn từ trang của bạn (http://fiddle.jshell.net/Vk7SR/3/show/light/), đóng gói nó như là một ứng dụng WP8 và cố gắng trên Lumia 920.

@-ms-viewport { 
    width: auto; 
}