Handleling Bild Größe auf mehrere Geräte-display auf cordova-Ionen-Winkel-app
Ich Baue eine neue app mit diesem tollen tool und ich habe eine Frage zu lösen.
Was ist der beste Weg zu handhaben imnage Größe für mehrere scren und mehrere Geräte.
Apple = retina und nicht-retina
Android = ldpi, mdpi, hdpi, xhdpi, xxhdpi und tablets (all dies mit mehreren Bildschirm-Auflösung)
BlackBerry10 = eine Lösung (aber nicht die anderen gleich)
WindowsPhone8 = eine Auflösung (aber nicht gleich zu den anderen)
Für diesen Fall, was ist der beste Weg ?
- Verwenden Sie SVG-Bilder (Optimizacion, Leistung, Größe der app) ??
- Widmen CSS-tags für die device-pixel-ratio (CSS-Image-Replacement) (der designer kann mich töten 🙂 lol ) finden Sie in der Liste http://bjango.com/articles/min-device-pixel-ratio/
- CSS-Sprite-sheet
- Anderen Weg
Vor der Entscheidung, denken Sie in, was ist die beste Anwendung für alle Geräte.
Vielen Dank im Voraus
InformationsquelleAutor Brujodedor | 2014-06-18
Du musst angemeldet sein, um einen Kommentar abzugeben.
Es gibt wirklich nicht einen einzigen Weg, dies zu tun, da jede Implementierung eines Bildes wird einen anderen Ansatz erfordern, abhängig von seinem Zweck. SVGs sind toll, aber nicht alles funktioniert, wie eine SVG.
Media queries wird Ihr Verbündeter sein.
Sehen: die Unterstützung mehrerer Auflösung und Dichte von Bildern in phonegap
- und dies für einen alternativen Ansatz: Angular.js data-bind hintergrund-Bilder mittels media queries
Gibt es auch einige schöne polyfills für das html5 picture element, die Sie nützlich finden könnten.
Finden Sie unter: https://github.com/scottjehl/picturefill
...und das angularjs-Direktive Umsetzung https://github.com/tinacious/angular-picturefill
Da der browser verkleinere ein großes Bild ist nicht ideal, aber es funktioniert in eine Prise
InformationsquelleAutor jnsnvt