Таргетинг на определенное разрешение CSS Media Query

У меня есть сумасшедшее веб-приложение со всеми видами динамической ширины и высоты и вертикально центрированными вещами. Он отлично смотрится практически на всех разрешениях, кроме 1366x768 и 1280x800. Я знаю, как это исправить с помощью некоторых переопределений правил CSS. Я хочу ориентироваться ТОЛЬКО на эти КОНКРЕТНЫЕ разрешения (это означает, что я НЕ хочу ориентироваться на 1280x1024 с минимальной шириной: 1280 и максимальной шириной: 1280). Пожалуйста, не читайте мне лекции о лучших практиках и прочем, мне нужен быстрый и грязный ответ.

Как я могу это сделать? Удивительно, но Google не дает мне хороших результатов.


css media-queries screen-resolution
person LOLapalooza    schedule 09.01.2013    source источник

Ответы (2)


arrow_upward
4
arrow_downward

Вы можете использовать:

@media screen and (min-width: 1280px) and (max-width: 1280px)
              and (min-height: 800px) and (max-height: 800px) {
    /* Crazy CSS overrides here */
}
/* Second variant left as an exercise for the reader */

Тем не менее, вы, вероятно, добьетесь большего успеха в долгосрочной перспективе, если вы потратите время на рефакторинг сейчас - позже, похоже, никогда не получится.

person Sean Vieira    schedule 09.01.2013
comment
Я именно так и пробовал, но почему-то не работает. Это даже мое последнее правило CSS в моей таблице стилей, и я добавил !important на всякий случай. - person LOLapalooza; 09.01.2013
comment
По-видимому, минимальная высота относится к внутренней высоте окна, а не к значению высоты вашего разрешения. Итак, с вкладками, адресной строкой, строкой состояния, панелями инструментов и т. д. я остановился на минимальной высоте: 680 пикселей и максимальной высоте: 800 пикселей. Но спасибо за направление. - person LOLapalooza; 09.01.2013

arrow_upward
1
arrow_downward

Попробуй это:

@media screen and (max-width: 1280px) and (max-height: 800px)
{
/*write CSS here*/
}
person Seema Barate    schedule 20.09.2017
comment
привет, сэр, я столкнулся с одной проблемой, экран моего старшего 1366x768 из-за того, что они получают много пробелов, но со своей стороны я удалил все пробелы, как я могу настроить таргетинг на этот конкретный размер в медиа-запросе - person Chitrang Sharma; 11.06.2021