Prima implementazione mobile o desktop-first? [chiuso]

0

Quando si lavora con le query multimediali CSS, non sono sicuro che dovrei programmare in uno stile mobile-first o in uno stile desktop-first.

Ad esempio, diciamo che mi viene assegnato un design costituito da un insieme di blocchi che sono affiancati. Sul desktop, seguirò le specifiche, ma su dispositivi mobili, data l'area dello schermo ridotta, due blocchi impilati uno sopra l'altro sarebbe meglio.

Che è meglio, questo (prima sul desktop):

div {
    width: 50%;
    display: inline-block;
}

@media all and (max-width: 600px) {
    width: 100%;
    margin: 0 auto;
    display: block;
}

o questo (prima il cellulare)?

div {
    width: 100%;
    margin: 0 auto;
    display: block;
}

@media all and (min-width: 600px) {
    width: 50%;
    display: inline-block;
}

L' tema più recente di Wordpress segue il metodo mobile-first, utilizzando min-width , ma sono corretto assumendo che i vecchi browser senza supporto di media query non sarebbero in grado di analizzare queste direttive e caricare il css "mobile"?

Quali sono i vantaggi / gli svantaggi di entrambi?

    
posta Julian H. Lam 21.03.2013 - 13:41
fonte

1 risposta

2

Quale è più importante per te? O più esattamente, pensi di disegnare un numero maggiore di utenti da dispositivi mobili rispetto a desktop o viceversa?

Avere un sito reattivo è eccellente, ma è necessario decidere se lo si desidera per prima cosa mobile e rispondere verso l'alto, o desktop per primo e rispondere verso il basso. Non c'è una vera risposta giusta o sbagliata, dipende solo dal fatto che tu pensi di soddisfare più un pubblico rispetto all'altro.

    
risposta data 21.03.2013 - 15:51
fonte

Leggi altre domande sui tag