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



}

/* Smartphones (вертикальная и горизонтальная ориентация) ----------- */

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



}

/* iPads (вертикальная и горизонтальная) ----------- */

@media only screen and (min-width: 768px) and (max-width: 1024px) {



}





/* xs (<=543px) */

@media (max-width: 575px) { ... }



/* sm (>=576 и <=767) */

@media (min-width: 576px) and (max-width: 767px) { ... }



/* md (>=768 и <=991) */

@media (min-width: 768px) and (max-width: 991px) { ... }



/* lg (>=992 и <=1199) */

@media (min-width: 992px) and (max-width: 1199px) { ... }



/* xl (>=1200) */

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

media запросы

&lt;pre&gt;<br /> &lt;code class=&quot;language-css&quot;&gt;<br /> <br /> @media only screen and (min-width : 320px) and (max-width : 480px) {<br /> <br /> }<br /> /* Smartphones (вертикальная и горизонтальная ориентация) ----------- */<br /> @media only screen and (min-width : 480px) and (max-width : 768px) {<br /> <br /> }<br /> /* iPads (вертикальная и горизонтальная) ----------- */<br /> @media only screen and (min-width: 768px) and (max-width: 1024px) {<br /> <br /> }<br /> <br /> <br /> /* xs (&lt;=543px) */<br /> @media (max-width: 575px) { ... }<br /> <br /> /* sm (&gt;=576 и &lt;=767) */<br /> @media (min-width: 576px) and (max-width: 767px) { ... }<br /> <br /> /* md (&gt;=768 и &lt;=991) */<br /> @media (min-width: 768px) and (max-width: 991px) { ... }<br /> <br /> /* lg (&gt;=992 и &lt;=1199) */<br /> @media (min-width: 992px) and (max-width: 1199px) { ... }<br /> <br /> /* xl (&gt;=1200) */<br /> @media (min-width: 1200px) { ... }<br /> <br /> &lt;/code&gt;<br /> &lt;/pre&gt;