Erreur avec la règle @media dans la balise <style> dans le fichier .cshtml

Question

Pourquoi mettre le code suivant dans la balise "style"

<style type="text/css">
    .comportement-à la volée {
    image d'arrière-plan : url('particular_ad.png');
}
@media (largeur maximale : 300 px) {
    .comportement-à la volée {
        image d'arrière-plan : url('particular_ad_small.png');
    }
}
</style>

Lorsqu'il est affiché dans une balise "style" dans un fichier .cshtml, une erreur est générée :

CS0103 : Le nom 'media' n'existe pas dans le contexte actuel

Answer 1

Essayez :

<style type="text/css">
    .on-the-fly-behavior {
    background-image: url('particular_ad.png'); 
}
@media screen and (max-width: 300px) { /* 添加screen and */
    .on-the-fly-behavior {
        background-image: url('particular_ad_small.png');
    }
}
</style>

Answer 2

Dans un fichier .cshtml, vous ne pouvez pas l'utiliser directement car il sera traité comme une classe ou un objet. Lorsque vous devez ajouter @开头的内容时，你需要额外添加一个@ dans un fichier html. Essayez d'utiliser le code suivant :

<style type="text/css">
    .on-the-fly-behavior {
        background-image: url('particular_ad.png'); 
    }
    @@media (max-width: 300px) {
        .on-the-fly-behavior {
            background-image: url('particular_ad_small.png');
        }
    }
</style>