Css 试图使用@media隐藏打印按钮_Css_Asp.net Mvc_Razor

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

css asp.net-mvc razor

Css 试图使用@media隐藏打印按钮,css,asp.net-mvc,razor,Css,Asp.net Mvc,Razor,在my.cshtml页面中，使用上面的链接使用@media 虽然当我插入代码（如下）时，它会标记@media saying在上下文中不存在。为什么会这样 http://www.w3schools.com/css/css_mediatypes.asp @媒体屏幕 { p、测试{字体系列：verdana，无衬线；字体大小：14px；} } @媒体印刷品 { p、测试{字体系列：倍，衬线；字体大小：10px；} } @媒体屏幕、打印 { p、测试{字体大小：粗体；} } .... 剃须刀引擎

在my.cshtml页面中，使用上面的链接使用@media

虽然当我插入代码（如下）时，它会标记@media saying在上下文中不存在。为什么会这样

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


@媒体屏幕
{
p、 测试{字体系列：verdana，无衬线；字体大小：14px；}
}
@媒体印刷品
{
p、 测试{字体系列：倍，衬线；字体大小：10px；}
}
@媒体屏幕、打印
{
p、 测试{字体大小：粗体；}
}
....

剃须刀引擎正在将

@media

解释为代码。尝试转义

：

@@media screen

剃须刀引擎正在将

@media

解释为代码。尝试转义

：

@@media screen

是否使用Razor语法？您需要转义@符号

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


@@媒体屏幕
{
p、 测试{字体系列：verdana，无衬线；字体大小：14px；}
}
@@媒体印刷品
{
p、 测试{字体系列：倍，衬线；字体大小：10px；}
}
@@媒体屏幕、打印
{
p、 测试{字体大小：粗体；}
}

您是否使用Razor语法？您需要转义@符号

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


@@媒体屏幕
{
p、 测试{字体系列：verdana，无衬线；字体大小：14px；}
}
@@媒体印刷品
{
p、 测试{字体系列：倍，衬线；字体大小：10px；}
}
@@媒体屏幕、打印
{
p、 测试{字体大小：粗体；}
}

正确回答后，您需要转义@符号。但我首先要问的是，为什么视图中有内嵌样式

最佳实践是将页面样式保存在样式表中，这样问题就会消失

正如正确回答的那样，您需要转义@符号。但我首先要问的是，为什么视图中有内嵌样式

最佳实践是将页面样式保存在样式表中，这样问题就会消失