Css 设置大尺寸的媒体查询

我试图理解媒体查询，我想为大于13英寸的屏幕设置css值

这是正确的语法吗

@media all and (min-width : 992px) {
    .myElement{
        width: 100px;
    }

或

---

这里有什么区别？

这取决于分辨率和质量。对于72 PPI（每英寸像素数）屏幕（平均分辨率），13英寸等于72 x 13=936像素。因此，您将使用的语法是：

@media screen and (min-width: 936px) {
  .myElement {
    width: 200px;
  }
}

---

编辑：稍微增加

min width

以仅将样式应用于宽度大于13的屏幕。但同样，这取决于屏幕的分辨率和质量。

没有区别。尽管引导程序在示例中有此功能-

/*中型设备（台式机，992px及以上）*/@media（min width:@screen md min）{…}

。如果没有

全部和

，我的问题是，当我将我的窗口从13英寸笔记本电脑移动到22英寸显示器并调整为全屏时，我不应该看到效果发生变化吗？我没有看到，并且当我查看调试器时，媒体查询值有一行斜线穿过它！对于宽度大于13英寸的屏幕，您需要这种样式吗？”还是13英寸或更宽的屏幕？我想比13英寸宽

@media screen and (min-width: 936px) {
  .myElement {
    width: 200px;
  }
}