css - 大型桌面的媒体查询是什么？

Question

我正在为普通桌面屏幕使用媒体查询，而 idt 应该不适用于更大的屏幕。但下面的媒体查询也适用于大桌面屏幕。请更正我的媒体查询，在此先感谢所有帮助。

@media (min-width: 992px) and (max-width : 1200px){//This should work for Normal desktops(15 to 18 inch) only.
}

Answer 1

针对大型显示器进行优化的挑战主要围绕如何缩放和管理内容。 您需要假设某些点的屏幕宽度。

示例:“容器”类

@media screen and (min-width: 1400px) {
  .container {
    width: 1370px;
  }
}
@media screen and (min-width: 1600px) {
  .container {
    width: 1570px;
  }
}
@media screen and (min-width: 1900px) {
  .container {
    width: 1870px;
  }
}