The original iOS wrapper would report a device width of 320, even when the phones were increased to 375 and more.  as
a result, the amount of information on the screen always looked the same, no matter if it was an iPhone 5 or 8 or X.
Then the new build from Curtis started correctly reporting the device width, usually 375.  This allowed more to show 
on the screen, but everything looked smaller.  Didn't look as good, and a little hard to read.

I tried to compensate by adjusting the meta tag initial-scale setting, and this worked quite well, but it caused slower
phone animations.  It was having to do too much work to render and resize at the same time.

The solution now is to use CSS media break points to adjust specific UI elements when the device width hits 375.  For
example:

If an element is 14px by default at device width 320, then calculate what percentage 14 is of 320.

14 / 320 = .04375

Then multiply 375 by that percentage to get the breakpoint setting:

375 X .04375 = 16.40625

Round the result, so in this case the breakpoint setting would be 16.

Add this to your CSS:

@media all and (min-width: 375px) {
	.my-class { width: 16px; }
}



Pixel Conversions
-----------------

320 width		375 width
---------		---------
10 px			12 px
11 px			13 px
12 px			14 px
13 px			15 px
14 px			16 px
15 px			18 px
16 px			19 px
17 px			20 px
18 px			21 px