@media scree 手机移动端屏幕自适应

@media scree 手机移动端屏幕自适应

加入<meta name="viewport" content="width=device-width,target-densitydpi=high-dpi,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>

<!--[if lt IE 9]>
    <script src="js/css3-mediaqueries.js"></script>
<![endif]-->
<style>


@media screen and (min-width:1200px){}


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


@media screen and (min-width: 768px) and (max-width: 959px) {}


@media only screen and (min-width: 480px) and (max-width: 767px){ }


@media only screen and (max-width: 479px) {}
</style>