Coming late to the party, I'm attempting my first "mobile first" design. Having
trouble with this code for images on iPad:
.col > div > img {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%;
}
Here's what I see on my iPad:
<https://dl.dropboxusercontent.com/u/36859227/images/iPad-flowers-land.jpg>
The test site is here:
<http://thewebwiz.net/temp/gallery/>
... and here's a dabblet showing the basic code used:
<http://dabblet.com/gist/5751259>
Works on all my Mac browsers, even Firefox 3.6! No Windows testing yet.
Is there a more reliable way of making the images responsive here?
Solutions and suggestions greatly appreciated.
--
Cordially,
David
______________________________________________________________________
css-discuss [[email protected]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
