Resize thumbs on different screen resolutions

knorde

Joined: 2010-02-02
Posts: 64
Posted: Mon, 2012-05-21 09:05

Hi,

On this moment i working on the browny wind theme.
I will let it scale to the users screen resolution.
And that works (so far so good :P)

But now the problem:
I detect the users screen resolution and then i load the right css to give the width and height.
In this view mode it works perfect: http://mydigitalworld.nl/index.php/Maan/IMG_0322
I do that by the code:
#g-photo img {
width: auto;
max-width: 400px;
height: auto;
max-height: 300px;
}

By example the 400px and 300px is for the resolution 1360x768.

Now i will do the same by the thumbs.
Is there anyway to give some code (like above) that will do the same for thumbs?

Greets Kees.

Login or register to post comments
knorde

Joined: 2010-02-02
Posts: 64
Posted: Mon, 2012-05-21 12:17

I have found it by myself, thanks anyway :)

The solution is:
.g-thumbnail {
margin-top: 3px;
margin-bottom: 3px;
width: auto;
max-width: 140px;
height: auto;
max-height: 130px;
}

Greets Kees.

Login or register to post comments