Вопрос по оптимизации под разные экраны?

Question

[Ivan Ivanovich]

Здравствуйте. Глупый вопрос, но всё же я лучше буду уверен в правильности ответа.

Если у меня у картинки стоит margin-left: 2%;

А при адаптации под разные экраны я хочу убрать это свойство.

Как мне это сделать?

Answer 1

[DanKud]

@media screen and (max-width: ширина_экрана) { /* максимальная ширина экрана в пикселях меньше которой свойство будет изменено */
    элемент {
        margin-left: 0;
    }
}

Comments

[Ivan Ivanovich]

Спасибо. Так со всеми элементами можно?

[DanKud]

Ivan Ivanovich, да, просто добавляйте внутрь медиа-запроса нужные элементы и свойства, которые хотите изменить. Так же можно добавить больше условий по ширине экрана. Например:

@media screen and (max-width: 1400px) { /* если ширина экрана меньше 1400px */
    элемент1 {
        margin-left: 111px;
    }
    элемент2 {
        margin-left: 222px;
    }
}
@media screen and (max-width: 1050px) { /* если ширина экрана меньше 1050px */
    элемент1 {
        margin-left: 333px;
    }
}

[Ivan Ivanovich]

DanKud, Спасибо.