2012-09-17 42 views
7

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ị?

+0

Kích hoạt trình mô phỏng iPhone và ảnh chụp màn hình của bạn! – Cyrille

+2

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

+0

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 đề –

Trả lời

7

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

+2

Đá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

+0

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

1

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
+0

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

+0

Ồ, 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

+0

Có thể điều này sẽ giúp bạn: https://developer.apple.com/library/safari/#technotes/tn2010/tn2262/index.html – Ravi

Các vấn đề liên quan