Что такое CSS @media запрос для 28 "дисплея?

Question

Я ищу код для дисплея 28 ", под кодом я имею в виду CSS media query, как в примере.

Пример:

@media (max-height: 1200px) and (min-width: 1920px) {

.nav-over {
    width: auto;
    float:right;
    margin-right: 420px;
  }

  .nav {
    list-style: outside none none;
    margin-bottom: 0;
    padding: 0px;
    margin-top: 0px;
    margin-right:400px;
  }

  .navbar-brand {
    margin-left: 250px;
  }
}

Спасибо за помощь.

Answer 1

Вы можете попробовать запустить следующий код JS на 28-дюймовом устройстве, чтобы найти высоту и ширину:

let height = window.screen.availHeight;
let width = window.screen.availWidth;
console.log(height, width);

Answer 2

Это супер специфично, и я бы не советовал делать это, но способ сделать это это

Если вы рассчитываете DPI (точек на дюйм) , вы можете использовать эту ссылку , чтобы получить DPI

Для 28 ″ вы получаете 1920 x 1080 мер при 78,68 DPI и 1200x960 - 54,88 DPI

Итак, за 1200px вы получите что-то вроде:

@media screen 
    and (min-device-width: 1200px) 
    and (min-resolution: 53dpi)
    and (max-resolution: 60dpi) { 
}