Отзывчивый css loading normal css

Question

Я разрабатываю отзывчивый веб-сайт. Для этого веб-сайта я использую div «two». CSS "Два" является

#two { 
overflow:hidden; 
min-height: 85px; 
margin-left: 22%; 
} 

и отзывчивым CSS подобна залежам

@media screen and (max-width: 400px) { 
    #two{ 
     //empty field 
    } 
} 

при уменьшении окна браузера, нормальный CSS загружается вместо "экрана носителя и (макс-ширина: 400px)"

Answer 1

Это ведет себя так, как должно быть, у вас есть определение для ID 2, тогда, если ширина меньше 400 пикселей, у вас есть второе пустое определение. Итак, представьте себе, что вы снимаете свою статью о средствах массовой информации, и у вас просто есть это.

#two { 
overflow:hidden; 
min-height: 85px; 
margin-left: 22%; 
} 
#two{ 
    //empty field 
} 

Вот что CSS является активным, если у вас есть экран с менее чем 400 пикселями, вы можете обернуть первое определение в запросе медиа только применяются, если экран больше, чем 400 пикселей, или переопределить каждое свойство установленный в первом блоке # 2, во втором внутри медиа-запроса.