I have a virtual scroll using ion-list and ion-item in my Ionic 3 app.
<ion-list [virtualScroll]="myArray"> <ion-item *virtualItem="let myItem"></ion-item> </ion-list>
ion-item’s dimensions need to be a % (percentage) of the device’s view port.
I’m specifying the dimensions of elements nested inside ion-item in % via css in order to make them responsive on all devices.
The problem is, I also need to specify approxItemWidth and approxItemHeight in %, but they can only be specified in px.
How do I solve this issue and make a virtualScroll responsive?
Ionic is a mobile framework so the team behind it must have taken responsiveness into consideration when creating virtualList.
What am I missing?