css - @media media query y ASP.NET MVC razor sintaxis clash
asp.net-mvc-3 media-queries (2)
Tengo un sitio grande que se ejecuta en ASP.NET MVC utilizando el motor Razor view.
Tengo una hoja de estilo base que contiene todo el estilo genérico para todo el sitio. En ocasiones, sin embargo, tengo estilos específicos de página que en el <head> de la página, generalmente esta es una o 2 líneas.
No me gusta especialmente poner el CSS en <head> ya que no es estrictamente separación de preocupaciones, pero para una o dos líneas, que realmente son específicas de esa página, prefiero no tener que adjuntar otro archivo y agregar al ancho de banda.
Aunque tengo una instancia en la que me gustaría poner una consulta de medios específica de la página en <head> , pero debido a que una consulta de medios usa el símbolo @ y los corchetes {} está en conflicto con la sintaxis de la afeitadora:
@section cphPageHead{
<style>
/* PAGE SPECIFIC CSS */
...
@media only screen and (max-width : 960px) <-- the @ symbol here is clashing!
{
... }
}
</style>
}
¿Hay alguna manera de evitar esto?
También recuerde agregar un espacio después de double @@:
@@ media only screen and (max-width : 960px)
@@media sin espacio no funcionó para mí.
usa doble @@ símbolos. Eso escapará del símbolo @ y representará @media correctamente en el lado del cliente