媒体查询

<style>
@media screen and (max-width: 960px) {...}

@media screen and (min-width: 960px) and (max-width: 1024px) {...}

@media screen and (min-width: 1025px) and (max-width: 1280px) {...}

@media screen and (min-width: 1281px)  {...}
</style>

原文：http://my.oschina.net/u/1266171/blog/411285