Как адаптировать строго заданные размеры элементов под разные разрешения?

Question

[ImagineWorld]

У меня есть элементы: блоки, формы, кнопки с заданными размерами - либо width/height, либо max-width/height. Но если менять размеры в зависимости от увеличения разрешения, то они не применяются, потому что уже были ранее установлены. Как менять размеры в таком случае?

Comments

[Ankhena]

я вернулся, расскажите)

ImagineWorld, чудно, код покажите, который на самом деле.

Вот сюда выложите jsfiddle.net

[Ankhena]

Кода не дождалась, тогда просто читайте
Специфичность MDN
Каскадирование с специфичность
Никто не знает CSS: специфичность — не каскад
Понимание веса CSS-селекторов

Answer 1

[Spartak (Web-StyleStudio)]

Используйте медиа запросы

Comments

[ImagineWorld]

Я использую медиа-запрос, но стиль не переопределяется

[Spartak (Web-StyleStudio)]

ImagineWorld,
А вы добавили метатег viewport?

<meta name="viewport" content="width=device-width, initial-scale=1">

[ImagineWorld]

Spartak (Web-StyleStudio), да

[ImagineWorld]

у меня проблема в том, что я задал фиксированный размер, а потом меняю его в медиа-запросе, а он не меняется, потому что уже задан ранее

[Spartak (Web-StyleStudio)]

ImagineWorld,
Значит не правильно что-то делаете
Код напишите

[ImagineWorld]

Spartak (Web-StyleStudio), Есть блок

.phone-and-password {
  width:100%;
  margin:0 auto;
  display:flex;
  justify-content: space-between;
  align-items:center;
}

 @media only screen and (min-width : 1824px) {

	.phone-and-password {
		justify-content: space-around;
	}

}

[ImagineWorld]

ImagineWorld, хочу переопределить justify-content

[lUser L]

ImagineWorld, justify-content: space-around!important;

[Spartak (Web-StyleStudio)]

Вы хотите переопределить justify-content для экранных устройств с шириной области просмотра более 1824px?

[ImagineWorld]

Эмиль 🔥, спасибо,помогло)

[Spartak (Web-StyleStudio)]

ImagineWorld,
Добавьте !important

[Spartak (Web-StyleStudio)]

ImagineWorld,

помогло

!important, но в любом случае вам необходимо искать причину, почему стиль не переопределяется в медиа-запросе

[Ankhena]

ImagineWorld, Если вам помог !important, значит вы нам наврали с кодом, т.е. либо селекторы не такие как вы написали либо есть еще код.
Потому что ваш вариант должен работать при размере окна больше 1824px без импортантов или каких-то еще фокусов.

[Spartak (Web-StyleStudio)]

Ankhena,
Верно подмечено!