如何仅对 1900x600 宽度的屏幕分辨率应用 css

Question

我正在处理在 1600x900 屏幕分辨率下无法正常工作的页面布局。

我的代码：

@media screen and (width: 1600px) {

#form_div {

  margin-left:920px;
}

}

我的代码不是working.Any请大家建议

Answer 1

如果您想要专门针对 1900 像素的设置，请使用：

@media screen and (max-width: 1900px) and (min-width: 1900px) {
  #form_div {
    margin-left:920px;
  }
}

但是，如果我是你，我会使用：

@media screen and (min-width: 1850px) {
  #form_div {
    margin-left:920px;
  }
}

只是为了不限制太多，考虑到可能会有滚动条。

Answer 2

@media screen and (min-width:1899px){
  #your div {margin-left:920px;}   }

上面的代码说这个代码工作时的最小分辨率是 1899px，然后它会给你完美的 1900px 显示样式，如你所愿。