Width percentage not working on mobile device

[htown]

I have a 3 X 3 gid with an image set to be a width of 31%. As the width of the browser decreases on a desktop, the images shrink and stay in the 3X3 grid as I would expect. But when I look at it on my iPad, they stay normal size and therfeore push everything down creating a single column of 9. What am I missing?

Here is my css code I am using:
.platnum-ads img { float: left; margin-right: 10px; width: 31%;}

Here is a link to the temporary site.
http://www.splitlightdesigns.com/tammp/

Many thanks,
Houston

[PaulOB]

@htown

But when I look at it on my iPad,

Which version of the ipad and what ios is it running?

The mac emulator (which is 99% correct) shows the pictures ok in blocks of three.

I’;ll check on a real ipad later in the day when I can find it

[John_Betong]

iPad Mini 2

[PaulOB]

Yes, just checked on my old ipad and the display is the same as shown in John’s screenshot above.

Either the site has been fixed since posted or perhaps there was a cache issue or perhaps you are using a browser other than safari (the default)?

[htown]

Well, I had never even looked at it on my iPad before so when I brought it up for the first time and it was all in a single column I never even thought about refreshing the screen. Now that I have refreshed the screen it is fine. Oh well.

Thank you guys for checking and helping me out.

Many thanks,
Houston