Сайт для разрабывания медиаданных

Question

У меня есть код для карусели бутстрапа, который я развертываю на сайте. Он отлично работает на больших устройствах, но я хотел добавить медиа-запросы, чтобы оптимизировать его для мобильных устройств.

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

Я использую Umbraco, и эта карусель является частичным видом. Когда я добавляю даже пустой запрос, такой как

@media screen and (max-width:480px) { 
    body { 
    color: red; 
    } 
} 

Я получаю ошибку времени выполнения, что может быть проблемой?

Спасибо

Answer 1

Если вы измените его на это, это сработает?

@@media screen and (max-width:480px) { 
    body { 
    color: red; 
    } 
} 

Answer 2

Поскольку ваш CSS находится в теге в вашем представлении, и вы используете @media, вы должны избежать @, добавив дополнительный @. Таким образом изменить свой код

@@media screen and (max-width:480px) 

При использовании @ компилятор думает, что вы пишете код Бритвы и это просто ошибки, потому что он не может понять, что @media должно быть, так как нет ни одной переменной определяется ее имя. Я надеюсь, что в этом есть смысл.