@media (min-width:880px) and ( max-width:1014px) { } @media ( min-width:0px) and ( max-width:1024px) { } @media ( max-width:1014px) { } @media (max-width:880px) { } @media (max-width:710px) { } @media (max-width:548px) { } @media (max-width:450px) { } @media ( min-width:0px) and ( max-width:767px) { } @media ( max-width:599px) { } @media( max-width:710px) { } @media ( min-width:0px) and ( max-width:375px) { html { width: 100%; height: 100%; font-size: 62.5%; /* 10÷16=62.5% */ } body { font-size: 14px; font-size: 1.4rem; /* 12÷10=1.2 */ } } @media not screen and (orientation:portrait) { } @media ( min-width:0) and ( max-width:600px) { } @media (max-width:530px) { } @media screen and (orientation: landscape) {} @media ( min-width:375px) and ( max-width:490px) { } @media ( min-width:0px) and ( max-width:375px) { } @media ( min-width:375px) and ( max-width:500px) { } @media ( min-width:375px) and ( max-width:767px) { }