Sto sviluppando un nuovo sito Web con supporto mobile e voglio provare a utilizzare "responsive design"/"adaptive design"/CSS media query. Mi chiedo se ci sia un recente rapporto sui browser per dispositivi mobili che supporta le query multimediali. In caso contrario, qual è un'approssimazione ragionevole?Quale percentuale di browser per dispositivi mobili supporta le query multimediali CSS?
Io uso questo sito per tutto il tempo in cui ho bisogno di controllare il supporto cross-browser: caniuse.com Questo sito dice il supporto per le media query (in tutti i browser) è al 78.37%
Il supporto per i browser mobile è a 100%.
OP chiesto supporto per i browser ** mobile **. Il 78,37% è il supporto complessivo, desktop e mobile. È al 100% per i browser seguiti da caniuse.com (Android 2.1, iOS3.2, Opera M *) ma questo non include molti altri browser (Windows *, vecchie versioni di BlackBerry Bold, Samsung bada - MQ sono OK con bada 1.1 -, ecc.). Il supporto sul desktop è importante soprattutto se utilizzi Mobile First e anche per occuparti di risoluzioni diverse. – FelipeAls
Circa l'80%. Non devi preoccuparti di Android, Opera Mini e iOS, ma poi c'è l'altro 20% con Bada, i vecchi telefoni Blackberry, Windows Mobile ... Quindi dovresti aggiungere una durata polyfill respond.js che sarà utile per i browser desktop che non supportare le query multimediali come IE8 e qui sotto.
Supporto 87,14% e supporto parziale 0,01%. Vedi di più: http://caniuse.com/css-mediaqueries
Tutti gli smartphone recenti supportano MQ, almeno con dimensioni in px, non [rem] (http://fvsch.com/code/bugs/rem-mediaquery/). Nessuno dei vecchi cellulari lo supporta. In mezzo ... Quindi dipende dalle tue esigenze, dal paese in cui vivono i tuoi utenti, ecc. – FelipeAls