CSS — медиа-запросы для различных устройств (@media)
Минимальный набор медиа-запросов для любого сайта на WordPress:
/* Desktop */
@media (min-width: 768px) {}
/* Desktop & Tablet */
@media (min-width: 481px) {}
/* Tablet landscape */
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {}
/* Tablet*/
@media (min-width: 481px) and (max-width: 767px) {}
/* Tablet & Mobile */
@media (max-width: 767px) {}
/* Mobile */
@media (max-width: 480px) {}Полный гайд от Francesco Baldan
