Jquery 我的站点中有三个垂直元素平均分布在'；全屏'；，如何制作我的中心元素'；主导的'；？

我希望中心元素占据所有的视口空间，当屏幕最小化时，拖动到一半。（两边的两个元素都很美观）在CSS或Jquery中有什么属性可以实现这一点吗？

使用媒体查询。见答案。如果需要支持较旧的浏览器，可以提供javascript回退（请参见谷歌）。

使用媒体查询。见答案。如果需要支持较旧的浏览器，可以提供javascript回退（请参见Google）。

类似的方法如何（使用媒体查询来检测浏览器窗口的宽度）：

---

类似的方法如何（使用媒体查询来检测浏览器窗口的宽度）：

@user2087941请返回上一篇帖子并勾选最接近您想要的内容：谢谢：）@user2087941请返回上一篇帖子并勾选最接近您想要的内容：谢谢：）

#leftBox, #centerBox, #rightBox{
    width:33%; 
    float:left; 
    background:#fccbae; 
    border:1px solid red;
    min-height:500px;
    height:auto;
}

/* Smaller than standard 960 */
@media only screen and (max-width: 979px) {

    #centerBox{width:100%;}
    #leftBox, #rightBox{display:none;}

}

<div id="leftBox"></div>
<div id="centerBox"></div>
<div id="rightBox"></div>