2

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

1
  • bottom: auto; top: xxpx;
    – soledar10
    Commented 26 февр. 2017 в 21:35

2 ответа 2

2

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

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

// 981px - ширина, с которой начнет действовать это правило
@media screen and (min-width: 981px) {
   #pagewrap {
      ... // тут другие правила для нужного вам селектора или селекторов
   }
}
2
  • Спасибо, конечно, но я не об этом спрашивал. Commented 27 февр. 2017 в 11:36
  • @АлександрАлексеев попробуйте тогда выразиться как-то другими словами. Потому что пока что выходит так, что вам нужно именно это Commented 1 мар. 2017 в 23:19
1

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

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

1
  • Поправил ответ - auto надо Commented 26 февр. 2017 в 22:19

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.