Есть два стиля для одного класса - одна версия для мобилы, другая для ПК. Вопрос: может в чем-то я ошибся, но эти стили перебивают друг друга и работают последние стоящие, почему?
Вот код данных стилей:
@media screen, handheld and (max-width: 520px){
.blog_article_pict{
clip: rect(40px, auto, auto, 40px);
margin-right: 20px;
width: 100%;
}
}
@media screen, handheld and (min-width: 560px){
.blog_article_pict{
clip: rect(40px, auto, auto, 40px);
margin-right: 20px;
display: block;
height: 245px;
width: 60%;
float: left;
}
}
В данном коде работает последний написанный стиль везде - на мобиле и ПК.
Попробовал вместо max-width и min-width: max-device-width и min-device-width соответственно. Результат тот же.
тоже поменял media сперва указал большее потом меньшее и наоборот, увы не помогло.
Спасибо, проблема решена - просто убрал handheld в последнем media.
Простой
Средний
