W3C home > Mailing lists > Public > public-css-archive@w3.org > November 2017

[csswg-drafts] [css-sizing] max-width: 100% while also using width: min-content on container

From: Oliver Williams via GitHub <sysbot+gh@w3.org>
Date: Thu, 02 Nov 2017 11:54:55 +0000
To: public-css-archive@w3.org
Message-ID: <issues.opened-270626835-1509623694-sysbot+gh@w3.org>
o-t-w has just created a new issue for https://github.com/w3c/csswg-drafts:

== [css-sizing] max-width: 100% while also using width: min-content on container ==
* please tag the issue title with the spec's shortname, like `[css-foo]`
* please link to the spec section you're talking about, or at least the spec

Using min-content to get text to wrap to the same size as an image is very helpful. However, most users also need to make sure that on small screens/mobile there is no horizontal scrolling and that the image isn't overflowing, which would normally be achieved with max-width: 100%. 
These two things do not seem to be compatible with one another. Setting max-width: 100% on the image causes min-content to stop working. Is there a solution to this? 

Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/1927 using your GitHub account
Received on Thursday, 2 November 2017 11:54:56 UTC

This archive was generated by hypermail 2.3.1 : Thursday, 2 November 2017 11:54:57 UTC