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

这是非常具体的，我不建议这样做，但是做到这一点的方法是

如果您计算DPI （每英寸点数），则可以使用此link获取DPI

对于28英寸，您可以在78.68 DPI下获得1920 x 1080的分辨率，而1200x960是54.88 DPI。

因此，对于1200px，您会得到类似的东西：

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

Answer 2

您可以尝试在28英寸设备上运行以下JS代码以找到高度和宽度：

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

28英寸显示屏的CSS @media查询是什么？

2 个答案: