1. 判断分辨率,根据屏幕分辨率自动调用不同CSS的代码。
如:
@media screen and (max-width: 1200px){
html,body{
margin: 0;
padding: 0;
width:1200px;
height: 100%;
}
footer{
width:1200px;
}
}
2.设定宽度值,并且使内容居中
在文字和图片外围设置一个具体的宽度,如1200px,并使内容居中(设置div为margin:0 auto;)