Phonegap + Windows Phone 8: Vấn đề viewport meta & scaling trong HTML5

Khi gặp vấn đề viewport meta và scaling trên Windows Phone 8 với Phonegap, thường do CSS chưa được viết đúng.

Thêm đoạn CSS sau để khắc phục:

* {
  zoom: 1;
  -ms-content-zooming: none;
}

Đối với một số trường hợp, cấu hình viewport dưới đây cũng hiệu quả:

@viewport {
  width: 320px;
}
@-ms-viewport {
  width: 320px;
  zoom-user: fixed;
  max-zoom: 1;
  min-zoom: 1;
}

Điều này cố định tỷ lệ zoom, ngăn chặn việc người dùng phóng to/thu nhỏ không mong muốn trên thiết bị Windows Phone.