CSS3 (@media) judges the horizontal and vertical screen of the mobile phone

@media all and (orientation : landscape) {

h2{color:red;}/*The font is red in landscape mode*/

}

@media all and (orientation : portrait){

h2{color:green;}/*The font is green in vertical screen*/

}