@media только экран и (максимальная ширина: 320 пикселей) для ID

Question

У меня есть этот кусок кода. Я начинающий: /

https://ibb.co/ccrFFG Я бы хотел добавить некоторую ответственность @media only screen and (max-width: 320px) {}но это не работает с идентификаторами. Как бы вы изменили код пожалуйста?:)

Спасибо

Answer 1

Из вашего кода я не знаю точно, чего вы пытаетесь достичь, но я посоветую вам использовать приведенный ниже код в качестве руководства.

  @media screen and (max-width: 320px) {
    #yourID {
        width: 260px !important;
    }
 }

Answer 2

Метатег включен. Когда я использую.class, он работает хорошо, но мне нужно использовать #ID.

Я не знаю, почему этот знак # зеленый, а точка стандартная.

  @media screen and (max-width: 920px) {
#section0 .box{
    color: #6ad1e3; !important;
}

}

Answer 3

css media-запросы работают только в том случае, если вы используете метатег viewport, убедитесь, что вы используете его на своем сайте.

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

Вы можете узнать больше об этом здесь: https://developer.mozilla.org/en-US/docs/Mozilla/Mobile/Viewport_meta_tag