Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [CSS] zmniejszenie obrazka
Forum PHP.pl > Forum > Przedszkole
kosmos
Witam,

Mam w divie umieszczony obrazek:

  1. <div class="left">
  2. <img src="<?php echo $view['assets']->getUrl('images/page1.jpg') ?>" />
  3. </div>


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
  1. @media (min-width: 100px) and (max-width: 200px){
  2. .left > img{
  3. width: 100px;
  4. }
  5. }
  6. @media (min-width: 201px) and (max-width: 400px){
  7. .left > img{
  8. width: 200px;
  9. }
  10. }
kosmos
Heh ok smile.gif
poradziłem sobi eprzy pomocy max-width i max-height smile.gif

  1. #offerbox .left img{
  2. max-height: 20%;
  3. max-width: 20%;
  4. }
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.