Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [CSS] zmniejszenie obrazka
kosmos
post 11.04.2015, 22:39:25
Post #1





Grupa: Zarejestrowani
Postów: 367
Pomógł: 17
Dołączył: 4.03.2008

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
kpt_lucek
post 11.04.2015, 22:41:09
Post #2





Grupa: Zarejestrowani
Postów: 428
Pomógł: 77
Dołączył: 10.07.2011
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


  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. }


--------------------


Cytat
There is a Bundle for that
Lukas Kahwe Smith - October 31th, 2014
Go to the top of the page
+Quote Post
kosmos
post 11.04.2015, 22:43:28
Post #3





Grupa: Zarejestrowani
Postów: 367
Pomógł: 17
Dołączył: 4.03.2008

Ostrzeżenie: (0%)
-----


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. }
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 19.05.2025 - 08:57