/*版心*/
@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左右的版心就可以了，如果公司有要求，那就寫兩個或者三個，再多的話，你就直接建議公司不如直接寫一個響應式的頁面，畢竟如果是靜態頁面最注重的就是整體布局，切記網頁伸縮時千萬不能變形，這是大忌。