I’m trying to test the following code in various devices to make sure I’m implementing the correct CSS that works in all devices
Problem:
Using landscape on iPhone & iPad - it seems that isMD is !False -> True in both cases
<button ion-fab [attr.mini]="! isMD ? '' : null">
<ion-icon name="md-lock"></ion-icon>
</button>
I would expect to have difference variables for iPad ( which is much bigger ) and for iPhone
But there’s no isXS or isSM so I can test those as well.
How can I get the affect of - on iPhone - place a mini Fab, and on iPad - regular Fab ?