0 
http://www.w3schools.com/css/css_mediatypes.asp

在我的.cshtml 页面中使用上面的链接来使用@media。

尽管当我插入代码（如下）时，它会标记@media 说上下文中不存在。为什么是这样？

<html>
<head>
<style>
@media screen
  {
  p.test {font-family:verdana,sans-serif;font-size:14px;}
  }
@media print
  {
  p.test {font-family:times,serif;font-size:10px;}
  }
@media screen,print
  {
  p.test {font-weight:bold;}
  }
</style>
</head>

<body>
....
</body>
</html>
4

3 回答 3

2

正如已经正确回答的那样，您需要转义 @ 符号。但我首先会质疑为什么您在视图中有内联样式。

最佳做法是将您的页面样式保存在样式表中，然后您的问题就消失了！

于 2013-07-15T16:56:48.023 回答
1

Razor 引擎正在解释@media为代码。尝试转义@：

@@media screen

于 2013-07-15T15:49:21.280 回答
1

你在使用 Razor 语法吗？您将需要转义 @ 符号

<style>
@@media screen
  {
  p.test {font-family:verdana,sans-serif;font-size:14px;}
  }
@@media print
  {
  p.test {font-family:times,serif;font-size:10px;}
  }
@@media screen,print
  {
  p.test {font-weight:bold;}
  }
</style>
于 2013-07-15T15:49:33.187 回答