Le 11 juin 2013 à 08:37, David Hucklesby <[email protected]> a écrit :
> 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/>
Seems to work correctly on my iPad2 / iOS 6.1 (and I checked with iOS
simulator, on iOS 5.1 the image doesn't stretch to the bottom, but is larger
than what you have in your screenshot.
A wild guess (perhaps under some circumstances the browser is off):add
!important to the width and height (to override the width and height set in the
html code).
Philippe
--
Philippe Wittenbergh
http://l-c-n.com
______________________________________________________________________
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/
