Dove mettere le media query in css in un file CSS?

4

Dove inserire le query multimediali CSS? Ciascuno dopo lo stile di classe dell'elemento correlato o li impacchetta nella parte inferiore dei file CSS? quale è standard? o quale preferisci?

    
posta Milad 07.03.2015 - 17:18
fonte

2 risposte

3

Dipende principalmente dal tuo progetto perché alla fine della giornata si tratta di manutenzione e aggiungendo più cose ad esso facilmente.

Quindi, se stai lavorando su un progetto che ha solo alcune domande sui media, ti suggerirei di lasciarle tutte in un foglio di stile, ma di aggiungere commenti su di esso per renderlo esplicito e anche più facile per te trovarlo più tardi.

Tuttavia, se sai che avrai molte proprietà definite meticolosamente nelle tue query sui media e anche che vari dispositivi sono definiti, ti suggerirei di separarli solo per motivi di leggibilità / manutenzione.

    
risposta data 09.03.2015 - 02:58
fonte
2

Ho trovato questa fonte utile nel rispondere a questa domanda. Ordine di dichiarazione CSS . Leggendo questo link si parla dell'ordine in cui viene inserito il codice CSS. "Le dichiarazioni di proprietà correlate devono essere raggruppate nel seguente ordine:

Positioning
Box model
Typographic
Visual"

Per quanto riguarda la tua domanda, si parla di posizionamento di query multimediali che devono dirlo a riguardo, "Quando possibile, posiziona le query multimediali più vicine alle rispettive serie di regole. Non raggrupparle tutte in un foglio di stile separato o alla fine di il documento, in questo modo è più facile per la gente mancarli in futuro. Ecco una configurazione tipica. "

Tutte queste informazioni possono dal sito Web di questo uomo collegato sopra: Mark Otto @mdo Director of Design presso GitHub. Creatore di Bootstrap. Precedentemente su Twitter.

Questo mi ha aiutato a darmi una sorta di punto di partenza per quanto riguarda l'organizzazione del codice CSS.

    
risposta data 21.04.2016 - 03:18
fonte

Leggi altre domande sui tag