Например:
Код: Выделить всё
@media only screen (max-width: 2000px) { }
/*//////////////////////////////////////////////////////laptop screen ( L/P ) starting//////////////////////////////////////////////////////*/
@media only screen and (min-width: 800px) and (max-width: 800px) and (min-height: 465px) and (max-height: 465px) { /* laptop screen ( L/P ) --- (laptop 800 * 600 ) --- ----
(actual 800 * 465 ) --- */
} /* laptop screen ( L/P ) ending */
/*//////////////////////////////////////////////////////laptop screen ( L/P ) ending//////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////laptop screen ( L/P ) starting//////////////////////////////////////////////////////*/
@media only screen and (min-width: 1024px) and (max-width: 1024px) and (min-height: 633px) and (max-height: 633px) { /* laptop screen ( L/P ) --- (laptop 1024 * 768 ) --- ----
(actual 1024 * 633 ) --- */
} /* laptop screen ( L/P ) ending */
/*//////////////////////////////////////////////////////laptop screen ( L/P ) ending//////////////////////////////////////////////////////*/
Как я могу структурировать свои медиа-запросы, чтобы предотвратить это перекрытие и обеспечить только правильные стили применяются к точной ширине без вмешательства со стороны более крупных диапазонов?
Заранее спасибо!
Подробнее здесь: https://stackoverflow.com/questions/792 ... ery-widths