时间戳

首页 > 解决方案 > 28" 显示器的 CSS @media 查询是什么？

html - 28" 显示器的 CSS @media 查询是什么？

问题描述

我正在搜索显示 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;
  }
}

谢谢您的帮助。

标签： htmlcssmedia-queries

解决方案

这是超级具体的，我不建议这样做，但是这样做的方法是这样的

如果您计算 DPI （每英寸点数），您可以使用此链接获取 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) { 
}

推荐阅读