Question

如何通过CSS3 实现响应式Web设计

Answer 1

/*分辨率大于1200px*/
@media screen and (min-width: 1200px) {
body{width:1200px;}
}
/*分辨率小于1200px*/
@media screen and (max-width: 1200px) {
body{width:1000px;}
}
/*手机竖屏*/
@media screen and (max-width: 470px) {
....
}
/*手机横屏*/
@media screen and (max-width: 758px) and (min-width: 470px) {
....
}