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

Question

[Иван Доброславин]

В WordPress использую плагин UR Image Slider. Единственный минус, что при выставлении разрешения слайдеру высота и ширина задаются инлайново с помощью javascript. Соответственно на мобильных разрешениях, если слайдер больше 300px, вёрстка отображается некорректно.
Пример блока:

<div style="width:568px; height:322px">контент</div>

Подскажите, как задать другие параметры ширины и высоты div-блоку, к примеру, если ширина экрана мобильного условно меньше 420px?

Заранее благодарен.

Answer 1

[Eduard07]

max-width: 568px;
width: 100%;

даже media запросы не нужно писать

Comments

[Иван Доброславин]

а как задать - в этом то и вопрос )

[Eduard07]

Иван Доброславин, В настройках, если нету то через !important. Но я не рекомендую! Думаю есть решение лучшое.