Điện thoại và máy tính bảng hiện đại có độ phân giải rất cao.Làm cách nào để các điểm ngắt hoạt động trên các thiết bị có độ phân giải cao hiện đại?
Ví dụ: Galaxy S7 cạnh của tôi có độ phân giải 1440 x 2560 pixel.
Điểm ngắt chung cho thiết bị di động có vẻ là khoảng 768 pixel, chẳng hạn như trong bootstrap.
Ví dụ từ bootstrap.css:
@media (min-width: 768px) {
.container {
width: 750px;
}
}
@media (min-width: 992px) {
.container {
width: 970px;
}
}
@media (min-width: 1200px) {
.container {
width: 1170px;
}
}
Làm thế nào mà màn hình điện thoại của tôi với phiên bản "phản ứng nhanh" của các trang web mặc dù độ phân giải của nó được cho là lớn hơn so với hầu hết các màn hình máy tính để bàn? Từ ví dụ, có vẻ như điện thoại của tôi sẽ luôn hiển thị trang web ở chế độ "máy tính để bàn".