media queries 语法格式

<style>
/* 当屏幕小于或等于指定宽度，样式生效 */
@media (max-width:480px){
    .ads {
        display:none;
    }
}


/* 当屏幕大于或等于指定宽度，样式生效 */
@media (min-width:900px){
    .wrapper{width: 980px;}
}
</style>

响应式图片

<style>
img {
    max-width:100%;
}
</style>

响应式布局

/* 1024px显屏 */
@media screen and (max-width : 1024px) {
    /* 样式写在这里 */
}

/* 800px显屏 */
@media screen and (max-width : 800px) {
    /* 样式写在这里 */
}

/* 640px显屏 */
@media screen a...