I am seeing a difference in behaviour for column rendering in both UIWebView and Safari depending on the iOS version.
See the link below for example:
https://mobile.content.hmhco.com/HMHGMA/tmp/OPS/sample.html
STEPS TO REPRODUCE
With the link above, the HTML body specifies the following for heights:
min-height:924px;
max-height:1000px;
Opening this link in Safari on a device with iOS less that 10.3, the height of columns (as shown in "Box Model" using Safari Develop tab on Mac) is 924
In iOS 10.3 (beta 4): the height of the columns is 1000
This means there is different content on the pages between the two iOS versions (i.e. more content per page on iOS 10.3). As you can see by viewing the sample on the two iOS', in < 10.3 the first column ends with "civilisation to develop in Egypt" whereas on iOS 10.3 there is extra text at the end of the column.
Additional info:
- The same differences as reported above between the iOS' also occur with Chrome browser on device (i.e. columns rendered differently on different iOS)
- Safari on El Capitan: Same behavior as iOS < 10.3
- Chrome (v56.0.2924.87) on El Capitan: Same behaviour as iOS 10.3
- Chrome on Win7: Same behaviour as 10.3
