在.cshtml文件中的<style>标签中的@media规则出现错误
<p>为什么将下面的代码放在 "style" 标签中</p>
<pre class="brush:php;toolbar:false;"><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></pre>
<p>在 .cshtml 文件中的 "style" 标签中显示时会抛出错误：</p>
<pre class="brush:php;toolbar:false;">CS0103: The name 'media' does not exist in the current context</pre>
2
1277
收藏
尝试：
<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>在.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>