Ralat dengan peraturan @media dalam teg <style> dalam fail .cshtml

Question

Mengapa meletakkan kod berikut dalam teg "gaya"

<style type="text/css">
    .kelakuan cepat-cepat {
    imej latar belakang: url('particular_ad.png');
}
@media (lebar maksimum: 300px) {
    .kelakuan cepat-cepat {
        imej latar belakang: url('particular_ad_small.png');
    }
}
</style>

Apabila dipaparkan dalam teg "gaya" dalam fail .cshtml, ralat dilemparkan:

CS0103: Nama 'media' tidak wujud dalam konteks semasa

Answer 1

Cuba:

<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

Dalam fail .cshtml, anda tidak boleh menggunakannya secara langsung kerana ia akan dianggap sebagai kelas atau objek. Apabila anda perlu menambah @开头的内容时，你需要额外添加一个@ dalam fail html. Cuba gunakan kod berikut:

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