css - 响应式 CSS - 两组尺寸？

Question

我希望有人能阐明我将如何在 jQuery、css 等中做到这一点。

我有一个宽度为 900 像素的网站。但是如果用户展开宽度为 1140 像素或更大的窗口，我希望网站将宽度设置为 1440 像素。没有介于两者之间的原因，这是因为我使用的是 jQuery 流沙插件，我希望一切都能完美契合。

Answer 1

媒体查询确实是可行的方法；没有链接或代码示例，像这样的东西应该让你开始，在你的 css 中:

#someSelector {width:900px;}//all the css here for less than 1140px

@media all and (min-width:1139px) {//css here for 1140 and up
    #someSelector {width:1140px;}
}