Tìm hiểu về độ phân giải của iPhone

Question

Tôi đang sử dụng Phonegap để xuất trang html5 rất đơn giản sang ứng dụng iPhone và chạy vào vấn đề ngớ ngẩn này.

Độ phân giải của iPhone là 960x640.

Khi tôi đặt canvas thành các thứ nguyên đó, dường như quá lớn.

<canvas width="960" height="580" style="background-color:#607559"></canvas> 

Tại sao lại như vậy? Và làm thế nào tôi có thể sử dụng đầy đủ các khả năng độ nét cao của iphone4. Dường như canvas phù hợp với toàn màn hình nếu tôi đặt canvas thành một cái gì đó của iPhone cũ hơn (320 × 480).

Chế độ xem cài đặt cho một cái gì đó như thế này có vẻ hoạt động, nhưng đây có phải là lần truy cập hiệu suất không?

<meta name="viewport" content="width=device-width, height=device=height, initial-scale=0.5, maximum-scale=0.5, minimum-scale=0.5, user-scalable=no" /> 

Answer 1

Tùy thuộc vào việc bạn đang nói về iphone nào.

iPhone 3GS cũ có độ phân giải 320x480. IPhone 4 và iPhone 4s mới hơn có màn hình hiển thị võng mạc, có độ phân giải 640x960, nhưng nó sẽ tự động tăng lên (bạn không thể truy cập các pixel một cách độc lập.

Nhưng bạn có thể đặt tỷ lệ pixel thiết bị rất tốt bảo hiểm cho vải trong câu hỏi này: Canvas drawing and Retina display: doable?

Answer 2

có lẽ điều này có thể hữu ích để hiểu thế nào là điều làm việc :)

http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/UsingtheViewport/UsingtheViewport.html

Chúc may mắn!