/*版心*/
@media screen and (max-width:1200px) and (min-width:1024px){
.w{
width:1024px;
margin:0 auto;
position: relative;
}
}
@media screen and (max-width:1024px){
.w{
width:960px;
margin:0 auto;
position: relative;
}
}
@media screen and (min-width:1200px){
.w{
width:1200px;
margin:0 auto;
position: relative;
}
}
---------------------------------------------------------------
上面的是其中一种
还有一种可以参考京东、淘宝的网页，是有两个版心，一个是1200px，一个是990px，可以自己在电脑上切换分辨率来观察淘宝、京东页面的变化。
其实静态页面布局不用考虑这么多的，一般的网页都是给个版心1200左右的就可以了，像淘宝、京东之类的网站也就给了2个版心，据我所知小米官网就一个版心是1226px。如果没有什么硬性要求，我觉得给个1200左右的版心就可以了，如果公司有要求，那就写两个或者三个，再多的话，你就直接建议公司不如直接写一个响应式的页面，毕竟如果是静态页面最注重的就是整体布局，切记网页伸缩时千万不能变形，这是大忌。