Насочване към конкретна разделителна способност CSS медийна заявка

Имам лудо уеб приложение, с всякакви динамични ширини и височини и вертикално центрирани неща. Изглежда страхотно на почти всяка резолюция с изключение на 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
Очевидно min-height се отнася за вътрешната височина на windows, а не стойността на височината на вашата разделителна способност. И така, с раздели, адресна лента, лента на състоянието, ленти с инструменти и т.н. в крайна сметка избрах минимална височина: 680px и максимална височина: 800px. Благодаря все пак за насоката. - 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