CSS-запросы СМИ высота

Question

Я только что узнал, как использовать мультимедийные запросы CSS, чтобы моя страница соответствовала экрану, когда пользователь изменяет размеры окна или имеет другое разрешение экрана.

Моя страница спроектирована так, чтобы пользователю не пришлось прокручивать вообще. Я хочу, чтобы моя страница соответствовала 1280px разрешением 768px и 1280px разрешением экрана 960px. Проблема в том, что страница становится все испорченной, когда у меня такая же ширина (1280px).

Может ли кто-нибудь помочь мне? Я очень ценю вашу помощь!

Answer 1

Вы могли бы хотеть проверить http://css-tricks.com/resolution-specific-stylesheets/

Это отличное руководство о том, как создать несколько таблиц стилей для различных разрешений.

Answer 2

Вы можете установить стили между определенными размерами. Например, примерно следующее:

@media(min-width:768px) and (max-width:979px){ 

<styles go here> 

} 

И тогда, в любое время, когда область просмотра находится между этими двумя измерениями, ваши стили будут придерживаться.

И я только понял, сколько лет этот пост, но я пойду дальше и добавлю его в любом случае в надежде, что это поможет кому-то.

Answer 3

Используйте запятую, чтобы указать два (или более) различных правил:

@media screen and (max-width: 995px) , screen and (max-height: 700px) { 
    ... 
}