Question

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>

Answer 1

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

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

Answer 2

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

@@media screen

Answer 3

您使用的是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>

试图使用@media来隐藏打印按钮

3 个答案: