[CSS] zmniejszenie obrazka Opcje

[kosmos]

Witam,

Mam w divie umieszczony obrazek:

[PHP] pobierz, plaintext 
<div class="left">
                <img src="<?php echo $view['assets']->getUrl('images/page1.jpg') ?>" />    
</div>
[PHP] pobierz, plaintext 

Czy jest możliwość za pomocą CSS zmniejszyć jego rozmiar przy określonej rozdzielczości ekranu? Gdyby obrazek był tłem, umieściłbym źródło w CSS i nie byłoby problemu, ale ten znajduje się bezpośrednio w widoku.

[kpt_lucek]

[CSS] pobierz, plaintext 
@media (min-width: 100px) and (max-width: 200px){
    .left > img{
        width: 100px;
    }
}
@media (min-width: 201px) and (max-width: 400px){
    .left > img{
        width: 200px;
    }
}
[CSS] pobierz, plaintext 

[kosmos]

Heh ok (IMG:style_emoticons/default/smile.gif)
poradziłem sobi eprzy pomocy max-width i max-height (IMG:style_emoticons/default/smile.gif)

[PHP] pobierz, plaintext 
#offerbox .left img{
    max-height: 20%;
    max-width: 20%;
}   
[PHP] pobierz, plaintext