.cshtml文件中<style>标记中的@media规则引发错误

时间:2015-08-21 06:23:40

标签: css razor

为什么要放在

&#xA;&#xA;
 &lt; style type =“text / css”&gt;&#xA; .on-the-fly-behavior {&#xA; background-image:url('special_ad.png'); &#xA;}&#xA; @media(max-width:300px){&#xA; .on-the-fly-behavior {&#xA; background-image:url('special_ad_small.png');&#xA; }&#xA;}&#xA;&lt; / style&gt;&#xA;  
&#xA;&#xA;

在.cshtml文件中的“style”标记中抛出错误时在浏览器中显示:

&#xA;&#xA;
  CS0103:当前上下文中不存在名称'media'&#xA;  
&# XA;

2 个答案:

答案 0 :(得分:6)

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

答案 1 :(得分:0)

尝试:

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