@media媒体查询和ASP.NET MVC剃刀语法冲突
我有一个使用Razor视图引擎在ASP.NET MVC中运行的大型站点。
我有一个基本样式表，其中包含整个网站的所有通用样式。但是，有时我会有页面特定的样式，该样式在<head>页面的中-通常是一两行。
我不特别喜欢将CSS放入其中，<head>因为它不是严格地将关注点分开，但是对于真正针对该页面的一两行而言，我宁愿不必附加另一个文件并增加带宽。
我有一个实例，但我想将特定于页面的媒体查询放入<head>，但是由于媒体查询使用@符号和方括号{}，因此与razor语法冲突：
@section cphPageHead{
<style>
/* PAGE SPECIFIC CSS */
...
@media only screen and (max-width : 960px) <-- the @ symbol here is clashing!
{
... }
}
</style>
}
有办法解决这个问题吗？
问题答案：
使用双@@符号。这将转义@符号并在客户端正确渲染@media
-
媒体查询是CSS3模块，包括宽度，高度，颜色等媒体功能，并根据指定的屏幕分辨率显示内容。 Foundation使用以下媒体查询来创建细分范围 - Small - 用于任何屏幕。 Medium - 用于640像素和更宽的屏幕。 Large - 用于1024像素和更宽的屏幕。 您可以使用breakpoint classes更改屏幕大小。 例如，您可以将.small-6类用于小尺寸屏幕，使用.mediu
-
Media 对象提供录制和回放设备上的音频文件的能力。 var media = new Media(src, mediaSuccess, [mediaError]); 备注：Media的当前实现并没有遵守W3C媒体捕获的相关规范，目前只是为了提供方便。未来的实现将遵守最新的W3C规范并可能不再支持当前的APIs。 参数： src：一个包含音频内容的URI。（DOMString类型） mediaSu
-
@media工作原理和在常规CSS中一样，但是，要使用Stylus的块状符号。 @media print #header #footer display none 生成为： @media print { #header, #footer { display: none; } }
-
描述 (Description) 在attributes使用媒体查询，可以在设备上使用不同的widths 。 在此过程中，您不必创建多个图像，因为它们是自动创建的。 如果您的浏览器不支持src set，则会显示原始图像。 例子 (Example) ![](/images/maxresdefault.jpg?derivatives = 320, 1440, 100&sizes = %28max -
-
在这本书中，我想要把主要精力都集中在讲解Sass的基础使用，和证明Sass并不会和你的工作流程脱节。但在最后一章中，我想讨论一些使用Sass结合媒体查询的高级技术和一些我每天工作中用到的将复杂CSS简化的例子。 只要你能想到的，Sass就可以办到。使用变量和一些mixin会让你的生活变得更轻松。如果你想的话，Sass完全不局限于这些简单的功能。下面这个例子再一次举重若轻的展示了Sass的建立兼容高
-
主要内容：什么是多媒体？,浏览器支持,多媒体格式,视频格式,声音格式Web 上的多媒体指的是音效、音乐、视频和动画。 现代网络浏览器已支持很多多媒体格式。 什么是多媒体？ 多媒体来自多种不同的格式。它可以是您听到或看到的任何内容，文字、图片、音乐、音效、录音、电影、动画等等。 在因特网上，您会经常发现嵌入网页中的多媒体元素，现代浏览器已支持多种多媒体格式。 在本教程中，您将了解到不同的多媒体格式，以及如何在您的网页中使用它们。 浏览器支持 第一款因特网浏览器只支持