iPhone 5 kích thước màn hình VS CSS truy vấn phương tiện truyền thông

Question

thể trùng lặp:
iPhone 5 CSS media query

IPhone 5 quốc gia công nghệ cao đặc tả màn hình kích thước của 1136 bằng 640

Câu hỏi của tôi là thế này,

Đối với phong cảnh, ff Tôi sử dụng tối đa tối đa thiết bị rộng 568px tham khảo http://www.stephentgilbert.com/mediaqueries/#iPhone

bạn có thể giải thích lý do tại sao mà làm việc khi kích thước được nêu trên trang web iPhone 5 cho biết chiều rộng sẽ là 1136px

Tôi biết tôi đang trộn lên với một số các nguyên tắc cơ bản ở đây. Tôi đánh giá cao nếu bạn có thể cung cấp cho tôi một lời giải thích thích hợp và có lẽ liên kết tôi với các nguồn tài nguyên trực tuyến có liên quan.

Answer 1

Màn hình Retina chứa gấp đôi số pixel như màn hình hiển thị chuẩn, nhưng iOS xử lý độ phân giải làm màn hình chuẩn cho phép đo và đầu ra màn hình. Nếu không, các trang web sẽ trông rất nhỏ và thu nhỏ.

Answer 2

Màn hình Retina của iPhone có nghĩa là màn hình 1136x640 sử dụng các pixel ảo 568x320. Mỗi pixel CSS được tạo thành từ bốn pixel vật lý (2x2).

Vì không ai nói "cung cấp cho tôi một div rộng 100px ở đây" trong CSS muốn hiển thị ở một nửa kích thước trên thiết bị có độ phân giải cao hơn như màn hình Retina, nó không sử dụng pixel vật lý làm CSS pixel.