search

google / material-design-lite

Material Design Components in HTML/CSS/JS
https://getmdl.io
Apache License 2.0
32.29k stars 5.03k forks source link

Images are not responsive #5055

Open rtwk opened 7 years ago

rtwk commented 7 years ago

Images placed within a grid are not responsive in MDL. Am I missing something? Or they are not available out of the box?

Garbee commented 7 years ago

Making images responsive is something developers need to do on their own. We don't provide anything to have that as exactly how you may want to do it will vary from developer to developer.

NicSil commented 5 years ago

Don't agree nor understand. I can do ALL on my own. A framework is here to do it itself. Provide a way. If it don't fit my needs I'll change the same way I do if you buttons does not fit me.

NicSil commented 5 years ago

MaerializeCSS provide a class: so it is possible.

Garbee commented 5 years ago

Materialize is a framework. MDL (and Material Components for Web) are intended to be a library of individual components you can consume and put together to make a whole. We did make some architectural mistakes with MDL which are corrected in the foundation we put in place for the new team.

That's where the difference in needs comes from. You're expecting something MDL was not intended to be. Also responsive imagery is far from "Just a class". If you just want one image filling space, it's straightforward. That is also about 3-4 lines at most of CSS. For developers to implement on their own for their projects once and move on, hardly unreasonable. Doing proper responsive images means generating multiple sizes for the various device types you target. Then implementing the srcset attribute on the images to pull in the right one for your target. Hardly trivial and nothing "just a class" can solve.

We tried to encourage proper development practices so users get the best experiences possible on the web.

NicSil commented 5 years ago

Ok.