2012-02-10 30 views
5

Tôi hiện đang làm việc trên trang web trên điện thoại di động. Mọi thứ đều hoạt động tốt trên cả iOS và Android, tuy nhiên tôi đang gặp sự cố với thẻ meta chế độ xem trên Windows Phone khi cố gắng đặt chiều rộng của chế độ xem thành 640px. Tôi đang sử dụng:Thẻ meta của Windows Phone viewport

<meta name="viewport" content="width=640,user-scalable=no"/> 

Tuy nhiên dường như bất cứ khi nào bạn cố gắng đặt chế độ xem lớn hơn điện thoại Windows 480px tự động áp dụng cho chế độ xem mặc định (1024px).

Bất kỳ giải pháp nào?

Trả lời

4

Tôi chưa thành công nhiều với <meta name="viewport"> và Windows Phone 7.5 trừ khi tôi đặt width từ 320 đến 480 (bao gồm). Nếu tôi muốn đặt nó bên ngoài phạm vi đó, dường như chỉ mặc định là 320.

Tôi đã thử sử dụng <meta name="MobileOptimized" content="640"> và hoạt động đó hoàn hảo. Nó hoạt động như <meta name="viewport" content="width=640,user-scalable=no">.

Theo this articlethe article được liên kết với trong Mikael Koskinen's Answer phạm vi phải từ 320 đến 10.000 nhưng tôi chưa thể tái tạo điều đó.

+0

Trải nghiệm của tôi trên Windows Phone 7.5 tương tự. Tôi muốn có chiều rộng khung nhìn là 600, trên trang nơi div chính được cố định rộng 600px, nhưng sử dụng '' trong đó x> 480 kết quả trong IE di động bằng chiều rộng khung nhìn mặc định là 1024 pixel - giống như khi bạn không sử dụng thẻ meta chế độ xem. Tôi đã không thử cách giải quyết 'MobileOptimized' vì tôi muốn người dùng giữ quyền kiểm soát mức thu phóng, nhưng nó có vẻ như là một lựa chọn tốt cho một số người. – Dogmang

1

The Windows Phone team blogged about Windows Phone browser viewport một số thời gian trước đây. Họ không có ví dụ về độ rộng lớn hơn 480 nhưng có thể bạn có thể tìm thấy một số mẹo từ đó, như sử dụng kích thước khung nhìn động.

Lưu ý rằng bài đăng trên blog chỉ áp dụng cho Windows Phone 7.5 (Mango).