Медиа-запрос для разрешения iMac 5k

Question

Я пытаюсь отобразить сетку из восьми столбцов на основе Flexbox на дисплее iMac 5k (5120 × 2880) , но не могу понять, какой именно медиа-запрос я использовал только для разрешения 5K !

@media(-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 
/* Retina-specific stuff here */
}

Мне также нужны только эффекты разрешения 5K, более того, при разрешении экрана 4K его показывается, как я и ожидал

Answer 1

В некоторых моих проектах я использовал этот медиа-запрос, и он идеально подходит для меня!

@media screen and (min-width: 2400px) {
    height: 650px;
}

Answer 2

Не обращая внимания на любые отступы, полосы прокрутки и т. Д. И предполагая, что это только для полноэкранных дисплеев, вы захотите использовать @media (min-width: 5120px).Вы можете комбинировать это, используя and с запросом, который вы указали для целевых устройств (например, с высоким разрешением).

Значение 5120px может (и, вероятно, должно) быть уменьшено, где-то междуотсечка для 4К и 5К дисплея.Это позволит пользователю немного уменьшить размер браузера, включить полосу прокрутки и многое другое.

Answer 3

Попробуйте:

Поскольку ширина iMac 4k составляет 4096 пикселей, а ширина iMac 5k - 5120 пикселей.Этот медиа-запрос будет работать между этими разрешениями

@media only screen and (min-width : 4095px) and (max-width : 5120px) {

}

Answer 4

Стили будут применяться только к экранам 5120px и шире:

@media(min-width: 5120px){
  // codez
}