在科尔多瓦离子角应用中的多个设备显示屏上Handleling图像尺寸 [英] Handleling image size on multiple device display on cordova-ionic-angular app
问题描述
我建立这个伟大的工具,一个新的应用程序,我有一个问题要解决。
I'm building a new app with this great tool and i have a question to solve.
这是处理多个scren和多个设备imnage大小的最佳方式。
What is the best way to handle imnage size for multiple scren and multiple devices.
苹果 =视网膜和非视网膜
的Android = LDPI,MDPI,华电国际,xhdpi,xxhdpi和平板电脑(这一切与多屏分辨率)
BlackBerry10 =一项决议(但不等于别人)
WindowsPhone8 =一项决议(但不等于其他)
Apple = retina and non-retina Android = ldpi, mdpi, hdpi, xhdpi, xxhdpi and tablets (all this with multiple screen resolution) BlackBerry10 = one resolution (but not equal to the others) WindowsPhone8 = one resolution (but not equal to the others)
对于这种情况,什么是最好的方法是什么?
For this case, what is the best way ?
-
使用SVG图像(Optimizacion,性能比较,应用程序的大小)??
Use SVG images (Optimizacion, perfomance, size of app) ??
专门用于设备像素比CSS标签(CSS图片替换)(设计者可以杀了我:笑:笑)看到列表的 http://bjango.com/articles/min-device-pixel-ratio/
Dedicate CSS tags for device pixel ratio (CSS Image Replacement) (the designer can kill me :smile: lol ) see the list http://bjango.com/articles/min-device-pixel-ratio/
CSS雪碧片
另一种方式
的决定之前,觉得什么是最好中的所有设备应用。
Before the decision, think in what is the best to apply in all devices.
在此先感谢
推荐答案
有真的不是一个单一的方法来做到这一点,因为图像的每一个实施将需要根据其用途不同的方法。 SVGs是伟大的,但不是万能的运作作为SVG。
There really isn't a single way to do this since each implementation of an image will require a different approach depending on its purpose. SVGs are great but not everything works as an SVG.
媒体查询将是你的盟友。
Media queries will be your ally.
请参阅本:<一href=\"http://stackoverflow.com/questions/12177134/supporting-multiple-resolution-and-density-of-images-in-phonegap\">supporting多种分辨率和图像的PhoneGap密度
和本作的另一种方法:<一href=\"http://stackoverflow.com/questions/21000338/angular-js-data-bind-background-images-using-media-queries\">Angular.js使用媒体查询的数据绑定背景图片
and this for an alternate approach: Angular.js data-bind background images using media queries
有也,你可能会发现有用的HTML5像素一些不错的polyfills。
There are also some nice polyfills for the html5 picture element which you might find useful.
请参阅: https://github.com/scottjehl/picturefill
...及其angularjs指令执行 https://github.com/tinacious/angular-picturefill
...and its angularjs directive implementation https://github.com/tinacious/angular-picturefill
这篇关于在科尔多瓦离子角应用中的多个设备显示屏上Handleling图像尺寸的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!