I am seeing a difference in behaviour for column rendering in both UIWebView and Safari depending on the iOS version. See this link for example:
"https://mobile.content.hmhco.com/HMHGMA/tmp/OPS/sample.html"
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 any iOS < 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
