Kích thước của khu vực hiển thị trong Mobile Safari trên iPhone 5 trong cấu hình mặc định, theo chiều ngang và chiều dọc là gì?Mobile Safari trên iPhone 5: Kích thước vùng hiển thị?
Trả lời
iOS6
Theo bài báo Kyle Larson của iPhone 5 Web Design, nghị quyết là:
Portrait: 640 × 888 px (= 320 × 444 px kép)
Cảnh quan: 1136 × 392 px (= 568 × 196 double px)
Đó là với thanh điều hướng, nghĩa là trong cấu hình mặc định, như tôi đã viết trong câu hỏi của mình.
iOS7
Theo @astletron, nghị quyết là:
Portrait: 640 × 920 px
Cảnh: 1136 × 424 px
Đáng chú ý là những con số này dành cho iOS 6. Số liệu cho iOS 7 là 640 x 920 và 1136 x 424 pixel phần cứng. – astletron
Tại sao các độ phân giải của iOS7 đó?Tôi có iPhone 5 với iOS 10 và độ phân giải giống như đối với iOS6 – NineCattoRules
Portait:
- Chiều cao - 892 (716 + 176 (chênh lệch giữa các thiết bị mới và cũ))
- Width - 640
Cảnh:
- Chiều cao - 420
- Width - 1136
Cảnh không thể có chiều cao 640 px: Cần có khoảng trống cho các phần tử giao diện người dùng ở trên cùng và dưới cùng. Ngoài ra, nó sẽ là tuyệt vời nếu bạn có thể cung cấp cho một liên kết đến nguồn gốc của những con số đó! – feklee
Ồ, xin lỗi - Tôi đã từng tạo một trang web trên thiết bị di động chỉ có hình ảnh và tôi đã được các nhà thiết kế giao diện cung cấp số này. Tôi đã cập nhật số phong cảnh. Tôi không chắc chắn nếu có một cách có lập trình để lấy kích thước cửa sổ của safari. – Ravi
Có thể điều này sẽ giúp bạn: https://developer.apple.com/library/safari/#technotes/tn2010/tn2262/index.html – Ravi
Nếu bạn đang theo kích thước khung nhìn chung, iPhone5 portrait width is 320 and landscape width is 568.
- 1. Một số kích thước phông chữ được hiển thị lớn hơn trên Safari (iPhone)
- 2. Mobile Safari trên iPhone/iPod CSS hack
- 3. Xcode Storyboard hiển thị kích thước màn hình iPhone 5 mới?
- 4. iPhone: Hiển thị hình ảnh ở kích thước ban đầu
- 5. Vùng chứa SVG hiển thị kích thước sai trong máy tính để bàn Safari (tốt trong Chrome/iOS)
- 6. Xóa bóng bên trong textarea trên Mobile Safari (iPhone)
- 7. Kích thước bàn phím số 5 của iPhone
- 8. OnSubmit with Mobile Safari
- 9. Cách nhận kích thước hiển thị trên Hoạt động?
- 10. Kích thước iPhone UILabelWithFont:
- 11. Mobile Safari đệm trắng/lề trên bên phải
- 12. Hình nền không hiển thị trong Safari
- 13. Mobile Safari trên iOS treo trên các trang lớn
- 14. "Đăng nhập bằng LinkedIn" không hoạt động trên Mobile Safari
- 15. <input type = "search"> không hoạt động trên iPhone Mobile Safari
- 16. iOS 6 - Xử lý kích thước màn hình iPhone 5 mà không cần [email protected]
- 17. zoom tự động trên iPhone safari
- 18. jqGrid - Thanh cuộn bị thiếu trên Safari Mobile
- 19. Triển khai UIPickerview trên Mobile Safari qua HTML
- 20. Vị trí nền CSS không hoạt động trong Mobile Safari (iPhone/iPad)
- 21. <select> với thuộc tính kích thước: iPhone hiển thị trống
- 22. Tôi làm cách nào để hỗ trợ kích thước màn hình iPhone 5 cao hơn?
- 23. Kích thước tối đa của vùng gốc trên Android?
- 24. Trình chỉnh sửa văn bản đa dạng trên Mobile Safari
- 25. Giới hạn kích thước tệp SVG cho iOS Safari
- 26. Mobile Safari: Audio + cache manifest
- 27. Nền nội dung trang web hiển thị lề phải màu trắng trong iPhone Safari
- 28. hiển thị dạng sóng trên iphone
- 29. JQuery Mobile ListView hiển thị văn bản trên nhiều dòng
- 30. Ghi đè hiển thị của giới hạn kích thước trang/giới hạn kích thước StreamReader?
Kích hoạt trình mô phỏng iPhone và ảnh chụp màn hình của bạn! – Cyrille
Tôi có thể làm điều đó, nếu trình giả lập chạy trên ThinkPad của tôi ... – feklee
Kiểm tra câu trả lời của tôi cho câu hỏi tương tự, có thể giúp một chút - http://stackoverflow.com/questions/8205812/jquery-js-ios-4- và tài liệu-chiều cao-vấn đề –