now becomes more and more popular mobile devices, users use smart phone, pad on the web is becoming more common. But traditional fix type page on the mobile terminal can't show very well. Therefore, Ethan Marcotte puts forward the concept of a responsive web design.

when full screen display page
code is as follows:


/* * * * * * * * * * * the desktop structural CSS * * * * * * * * * * * * * * * * * * * * * */
@ media screen and (min - width: 481 px) {
/* */shown by the desktop browser web CSS
}
/* * * * * * * * * * * mobile structural CSS * * * * * * * * * * * * * * * * * * * * * */
@ media screen and (Max - width: 480 px) {
/* * mobile phone, as suggested by the client browser page CSS/
}

statement, and represents the logical &other; And” If you want to said logic &other; Or” You can use &other; Throughout, &; , such as @ media print


This concludes the body part