gpt4 book ai didi

css - @media 媒体查询和 ASP.NET MVC razor 语法冲突

转载 作者:数据小太阳 更新时间:2023-10-29 09:05:24 25 4
gpt4 key购买 nike

我有一个大型站点,它使用 Razor View 引擎在 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

关于css - @media 媒体查询和 ASP.NET MVC razor 语法冲突,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7027469/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com