W3C home > Mailing lists > Public > www-style@w3.org > June 2014

Image % sizing interoperability

From: Bogdan Brinza <bbrinza@microsoft.com>
Date: Mon, 9 Jun 2014 23:59:54 +0000
To: "www-style@w3.org" <www-style@w3.org>
Message-ID: <26a27b3aa3f84445bb456068c1429695@CH1PR03MB610.namprd03.prod.outlook.com>
Another class of issues we've encountered while investigating bugs is image sizing.

Consider the following two examples: http://jsfiddle.net/boggydigital/6D5Nc/

1)      Image has max-height: 100% and 50px on one of the grandparents. IE and Firefox resolve size using image intrinsic size, Chrome uses 50px.

2)      Is similar to 1, but uses height: 100% and 50px on one of the grandparents. Again, IE and Firefox do same thing and Chrome uses 50px for height.

In our investigations this was root cause for many interoperability issues on mobile sites such as Amazon.com, HM.com, SI.com and few others.

As with earlier textarea overflow question - we'd like to clarify the expected behavior here and ultimately achieve better interoperability.
Received on Tuesday, 10 June 2014 00:00:44 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:08:43 UTC