Realizing the adaptive use of Web page layout @media screen

Using @media screen to achieve the adaptive layout of the Web page, IE9 do not support @media screen

/*1280 resolution above (greater than 1200px) */@media screen and (min-width:1200px) {    . P1{color: #f00};} /*1100 resolution (greater than 960px, less than 1199px) */@media screen and (min-width:960px) and (max-width:1199px) {    . P2{color: #f00};} /*880 resolution (greater than 768px, less than 959px) */@media screen and (min-width:768px) and (max-width:959px) {    . P3{color: #f00};} /*720 resolution (greater than 480px, less than 767px) */@media only screen and (min-width:480px) and (max-width:767px) {    . P4{color: #f00};} /*440 resolution below (less than 479px) */@media only screen and (max-width:479px) {    . P5{color: #f00};}

Realizing the adaptive use of Web page layout @media screen