Adjust size property on ion elements

Hello everyone,
I would be pleased if somebody can advise how to set size property of ionic elements depending on screen resolution. For example, for xs screens ion-button set size = “small” and for lg screens size = “large” and for the rest size = “defalt”. I can’t see any advantage to use css to adjust styles when size property already does it.

Kind regards and thanks in advance.