Как можно удалить bottom, top, left, right?

275

28 февраля 2017, 15:00

Мне нужно удалить значение bottom у элементов с position: absolute;. Очень часто бывает что если на большом экране указан bottom, а на маленьком экране мне нужно использовать top, то элемент растягивается от значения bottom до значения top. Не могу понять как это удалять.

Answer 1

Стандартный вариант решения проблем с разными разрешениями экранов на разных устройствах - использовать правило @media. Кратко об этом тут, а подробно тут. В целом же, тема достаточно объемная. Но если вам нужно просто решить вашу задачу и не влезать в дебри, то вам достаточно написать примерно такой код:

// 980px - ширина, ниже которой будет действовать это правило
@media screen and (max-width: 980px) { 
   #pagewrap {
      ... // тут правила для нужного вам селектора или селекторов
   }
}
// 981px - ширина, с которой начнет действовать это правило
@media screen and (min-width: 981px) {
   #pagewrap {
      ... // тут другие правила для нужного вам селектора или селекторов
   }
}

Answer 2

Да перезаписывать по @media оба значения, ставить одно в нужное, а второе - в auto.

Вот только что поправил так один слайдер.