Ich entwickle eine neue Website mit mobiler Unterstützung, und ich möchte versuchen, "Responsive Design"/"Adaptive Design"/CSS-Medienabfragen zu verwenden. Ich frage mich, ob es kürzlich einen Bericht über mobile Browser gibt, die Medienabfragen unterstützen. Wenn nicht, was ist eine vernünftige Annäherung?Wie viel Prozent der mobilen Browser unterstützen CSS-Medienabfragen?
Ich benutze diese Website die ganze Zeit, wenn ich Unterstützung Cross-Browser müssen auszuchecken: caniuse.com Diese Seite sagt Unterstützung für Medienanfragen (in allen Browsern) bei 78,37% ist
Unterstützung für mobile Browser ist 100%.
OP hat nach Unterstützung für ** mobile ** Browser gefragt. 78,37% ist der gesamte Support, Desktop und Mobile. Es ist 100% für die Browser, gefolgt von caniuse.com (Android 2.1, iOS3.2, Opera M *), aber das enthält nicht Tonnen anderer Browser (Windows *, alte Versionen von BlackBerry Bold, Samsung bada - MQ sind OK mit bada 1.1 -, usw.). Der Support auf dem Desktop ist vor allem dann wichtig, wenn Sie Mobile First verwenden und sich um unterschiedliche Auflösungen kümmern. – FelipeAls
Etwa 80%. Sie müssen sich nicht um Android, Opera Mini und iOS kümmern, aber dann gibt es die anderen 20% mit Bada, alten Blackberry-Handys, Windows Mobile ... Sie sollten also ein Polyfill-Leben respond.js hinzufügen, das für Desktop-Browser hilfreich sein wird Medienabfragen wie IE8 und unten werden nicht unterstützt.
Etwa 87,14% Unterstützung und 0,01% teilweise Unterstützung. Siehe auch: http://caniuse.com/css-mediaqueries
Alle neueren Smartphones unterstützen MQ, zumindest mit Abmessungen in px, nicht [rem] (http://fvsch.com/code/bugs/rem-mediaquery/). Keines der sehr alten Handys unterstützt es. Dazwischen ... Es kommt also auf Ihre Bedürfnisse an, auf das Land, in dem Ihre Benutzer leben, usw. – FelipeAls