Fehler mit der @media-Regel im <style>-Tag in der .cshtml-Datei

Question

Warum den folgenden Code in das „style“-Tag einfügen?

<style type="text/css">
    .on-the-fly-behavior {
    Hintergrundbild: url('particular_ad.png');
}
@media (maximale Breite: 300 Pixel) {
    .on-the-fly-behavior {
        Hintergrundbild: url('particular_ad_small.png');
    }
}
</style>

Bei der Anzeige in einem „style“-Tag in einer CSHTML-Datei wird ein Fehler ausgegeben:

CS0103: Der Name „Medien“ existiert im aktuellen Kontext nicht

Answer 1

尝试：

<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

在.cshtml文件中，你不能直接使用它，因为它会被视为一个类或对象。当你需要在html文件中添加以@开头的内容时，你需要额外添加一个@。尝试使用以下代码：

<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>