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

Question

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

我的代码：

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

我的代码不起作用。有什么建议吗。

Answer 1

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

@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显示风格。