試圖使用@media隱藏打印按鈕

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

在我的.cshtml頁面使用上述鏈接使用@media。試圖使用@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>

來源

2013-07-15 John

是否使用剃刀語法？您將需要轉義@符號

<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-15 15:49:33 CodingIntrigue

剃刀引擎正在將@media解釋爲代碼。嘗試逃脫@：

@@media screen

來源

2013-07-15 15:49:21

正確地回答，您將需要轉義@符號。但我首先會質疑爲什麼在視圖中有內聯樣式。

最好的做法是保持樣式表中的頁面樣式，然後你的問題就消失了！

來源

2013-07-15 16:56:48

試圖使用@media隱藏打印按鈕

回答

相關問題