@media ( min-width:376px) and ( max-width:413px) { 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 */ } .container { margin-right: auto; margin-left: auto; width: 90%; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } .container:before, .container:after { content: " "; display: table; } .container:after { clear: both; } } @media ( min-width:375px) and ( max-width:599px) {} @media ( min-width:600px) and ( max-width:799px) {}