ASP.NET - Come usare le CSS Media Query dentro le viste cshtml Razor

ASP.NET - CSS Media Queries in Razor Pages - How to embed @media syntax

Se lavorate in ASP.NET MVC o ASP.NET Core implementando le vostre views con Razor e vi capita di inserire gli stili CSS all'interno della vostra pagina, potreste trovarvi prima o poi faccia a faccia con uno dei seguenti errori di compilazione:

CS0103: The name 'media' does not exist in the current context.

CS0103: The name 'if' does not exist in the current context.

... E via dicendo.

Nella maggior parte dei casi questo tipo di errori è dovuto al fatto che avete utilizzato una CSS media query (o altra istruzione CSS3 analoga) come ad esempio la seguente:

... ignorando il fatto che la @ è un carattere riservato nelle pagine Razor .cshtml.

Per fortuna la soluzione è molto semplice, in quanto la sintassi di Razor consente l'escape di quel carattere ripetendolo due volte: è sufficiente sostituire @media con @@media e il gioco è fatto!

 

Anche per questa volta è tutto: felice sviluppo!

About Ryan

IT Project Manager, Web Interface Architect e Lead Developer di numerosi siti e servizi web ad alto traffico in Italia e in Europa. Dal 2010 si occupa anche della progettazione di App e giochi per dispositivi Android, iOS e Mobile Phone per conto di numerose società italiane. Microsoft MVP for Development Technologies dal 2018.

View all posts by Ryan

Lascia un commento

Il tuo indirizzo email non sarà pubblicato.

Questo sito usa Akismet per ridurre lo spam. Scopri come i tuoi dati vengono elaborati.