Flexbox e autoprefixer per compatibilit� vari browser

[fcaldera]

io uso autoprefixer come gemma ruby con middleman. Nel mio caso lo configuro con la lista dei browser da coprire nel config.rb e lui aggiunge le regole con vendor quando compilo i file SASS.

Forse nel tuo caso non hai configurato correttamente la lista dei browser (non hai comunque specificato quale versione di explorer ti dà problemi, ad esempio andando a memoria IE10 ha un bug sul flex-basis)

I flexbox sono di certo un'ottima soluzione per semplificare layout complessi laddove non sono a disposizione soluzioni diverse altrettanto efficaci. Sono uno strumento in più, non l'unico strumento da preferire sempre e comunque.

[Floky]

Nel mio caso lo configuro con la lista dei browser da coprire nel config.rb e lui aggiunge le regole con vendor quando compilo i file SASS.

Forse nel tuo caso non hai configurato correttamente la lista dei browser (non hai comunque specificato quale versione di explorer ti dà problemi, ad esempio andando a memoria IE10 ha un bug sul flex-basis)

Ciao, ho provato a cercare qualche guida da seguire e ho trovato questa:

https://github.com/sindresorhus/sublime-autoprefixer

Dice di andare in (Preferences → Package Settings → Autoprefixer → Settings - User) ma è un file vuoto.

Se invece vado in (Preferences → Package Settings → Autoprefixer → Settings - Default) ho le seguenti impostazioni:

{
    // Run Autoprefixer on file save
    "prefixOnSave": false,


    // Autoprefixer options:
    // https://github.com/postcss/autoprefixer#options


    // See: https://github.com/ai/browserslist#queries
    "browsers": ["defaults"],


    // Use visual cascade if CSS is uncompressed
    "cascade": true,


    // Remove outdated prefixes
    "remove": true,


    // Add prefixes for @supports parameters
    "supports": true,


    // Add prefixes for flexbox properties
    // Set it to "no-2009" to only add prefixes for the final and IE versions of the specification
    "flexbox": true,


    // Add IE prefixes for grid layout properties
    "grid": true
}

E' al posto di default (evidenziato in neretto) che devo mettere la lista di browser? Non so default quali browser preveda (forse mi pare di aver capito le ultime 2 versioni di ogni browser e i browser > 5%) ma nel mio caso cosa dovrei specificare? [default, IE] andrebbe bene?

Infine dove lo scrivo? nel file vuoto Settings - User o in Settings - Default ?

Grazie per la pazienza.