css Медиа-запросыдлястандартныхразмеровэкрана

Posted 2021-05-13

/* <320px - Появляется скролл */

@media only screen and (max-width: 479px) {
/* (320px - Mobile portrait) */
/* (479px - Mobile landscape) */
}

@media only screen and  (max-width: 767px) {
/* (480px - Mobile landscape) */
/* (767px - Tablet) */
}

@media only screen and (max-width: 1023px) {
/* (768px - Tablet) */
/* (1023px - Tablet) */
}

/* >=1024px - Десктоп версия */