Ho un sito di grandi dimensioni che funziona in ASP.NET MVC utilizzando il motore di visualizzazione Razor.
Ho un foglio di stile di base che contiene tutto lo stile generico per l'intero sito. A volte, tuttavia, ho stili specifici della pagina che nella parte <head>
della pagina - di solito si tratta di una o 2 righe.
Non mi piace particolarmente inserire il CSS in <head>
quanto non strettamente separazione delle preoccupazioni, ma per una o due righe, che è davvero specifica per quella pagina, preferisco non dover allegare un altro file e aggiungere alla larghezza di banda.
Ho un'istanza, però, in cui vorrei inserire una query media specifica della pagina in <head>
, ma poiché una query multimediale utilizza il simbolo @ e le parentesi {} si scontrano con la sintassi del rasoio:
@section cphPageHead{
<style>
/* PAGE SPECIFIC CSS */
...
@media only screen and (max-width : 960px) <-- the @ symbol here is clashing!
{
... }
}
</style>
}
C'è un modo per aggirare questo?
css styles
dovrebbe essere nel file CSS, soprattutto per un "sito di grandi dimensioni" CSS lineare nella pagina non è la migliore pratica. PS: La mia opinione