2015-04-07 101 views
-3

我在页面布局上工作,无法在1600x900屏幕分辨率下正常工作。如何仅适用于1900x600宽屏幕分辨率的css

我的代码:

@media screen and (width: 1600px) { 

#form_div { 

    margin-left:920px; 
} 

} 

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

+0

“我的代码不起作用”并未真正向我们提供有关您的问题的任何信息。请尝试更具体,也包括您的HTML和所需的结果 – Pete

+0

你可能不想只瞄准1900px的宽度。尝试使用“最小宽度”而不是“宽度”。另请注意,如果您希望匹配屏幕大小(不是窗口大小),则应使用“最小设备宽度”。 – Henrik

+0

其实我在主页的横幅上有一个表格。我的要求是把表格放在横幅的最右边,但是我在横幅的中心显示1900x600的分辨率,也就是我的问题 – VeNaToR

回答

0

如果你想专门为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; 
    } 
} 

只是为了不限制过多,考虑有可能是一个滚动条。

+0

这不适合我。 – VeNaToR

+0

什么不完全正确@VeNaToR?我修改了我的建议代码,以便最小宽度稍微小一点(可能是窗口边框或滚动条不能达到1900px) –

+0

现在工作了!谢谢 – VeNaToR

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

上面的代码表示,此代码工作时的最小分辨率为1899px,并且它会为您提供完美的1900px显示样式。

+0

此代码不起作用。 – VeNaToR

+0

我应该再试一次!我编辑了一下让它工作。我建议在样式表的顶部添加这段代码。 –

+0

我发表了我的评论错误的答案。抱歉!更正! –