Получение четкого представления о запросах в средствах массовой информации

Question

Здравствуйте, ребята, я хотел бы задать несколько вопросов о медиа-запросах.

Я работаю над сайтом, у которого уже есть некоторая ответственность. И я вынужден написать код на тему clild, а не на исходные файлы, поэтому, когда я пытаюсь помещать в некоторые новые медиа-запросы, он не будет работать.

Где проблема

Запросы сайта УСПЕШНЫХ СМИ являются

@media only screen and (max-width: 3000px) 
#logo { 
text-align: center; 
padding-right: 120px !important; 
float: none !important; 
} 

Целью является логотипом и я хочу, чтобы написать что-то вроде этого, чтобы изменить его на обоих landspace и Portait.

@media screen only (max-width:480px){ 
#logo{ 
    margin-left:-23%!important; 
} 
} 

@media screen only (max-width:320px){ 
#logo{ 
    margin-left:-39%!important; 
} 
} 

Когда я пытаюсь выполнить это с минимальной шириной, а не с максимальной шириной, конечно, это сработает, но это все испортит.

мысль о максимальной ширине у меня есть max-width:320px -> когда разрешение экрана при 320 использовать код, когда он не используется код 480px.

Это не так?

Answer 1

Вы могли бы сделать что-то вроде этого:

@media only screen and (max-width:480px){ 
    #logo { 
    margin-left: 0 !important; 
    } 

    #header { 
    padding-left: 0 !important; 
    } 
} 

И вам не нужны какие-либо медиа-запросы для 320px (так что вы должны удалить запросы средств массовой информации для 320px)