Может ли кто-нибудь сообщить мне, каковы наилучшие диапазоны ширины для обнаружения медиа-запросов в гибком дизайне?
Я хотел бы охватить все мониторы Desktop/Laptop (с одной ориентацией) в четырех медиа-запросах, но я не знаю, возможно ли это, например: небольшие мониторы, средние мониторы, большие и сверхбольшие мониторы.
Например, в этом коде
/* Desktops and laptops ----------- */
@media only screen and (min-width : 1224px) {}
/* Large screens ----------- */
@media only screen and (min-width : 1824px) {}
Мне кажется, нам нужно еще, чтобы устройства Настольные компьютеры и ноутбуки носили три субмагазина как небольшие (например, от 13 до 14 ноутбуков), средний (например, от 15 до 17) и большой (более 22 #). Я знаю, что браузер разрешение отличается от разрешения экрана, но пусть у нас есть браузеры в полноэкранном режиме во всех форматах.
Спасибо за помощь