Is there a best-practice to handle different image size for different target resolutions, e.g. backgrounds, huge icons, etc…
Is this done via media-selectors in Ionic2 and would you scale this or better let the Design agency provide 3-4 different sized icons?
semoju
2
Your best bet could be breakpoint-sass. I use it to increase/decrees design element sizes so my design maintains the asthetic from iPhone 4-6 plus:
http://breakpoint-sass.com
I define my device sizes as variables and key them in whenever I need to make a size dependent style rule:
.some-icon {
@include breakpoint($Iphone6) {
//some increase or decrease
}
}
Lemme know if this works for you.
1 Like