Skocz do zawartości
dawid4157

Responsywne zdjęcie - zostawanie kilka pixeli u dołu

Rekomendowane odpowiedzi

Cześć,

trochę się bawiłem z nudów i "wykryłem" jak dla mnie trochę dziwną rzecz. Może najpierw tak. Celem było dodanie obrazka w ramce. Niestety zawsze w każdej rozdzielczości ekranu, zawsze u dołu zostaje niepokryty fragment ramki

 

Kod:

 

<!DOCTYPE html>
<html>
   <head>
      <title>Responsive image</title>
      <style>
         .box{ width: auto; height: auto; border: 3px #000 solid; }
         .box img{ max-width: 100%; }
      </style>
   </head>

<body>
   <div class="box">
      <img src="1.jpg"/>
   </div>
</body>
</html>

Podgląd efektu: http://notatkizkomputera.pl/demo/tests/test2.html

Test respnsywności: http://www.responsinator.com/?url=http%3A%2F%2Fnotatkizkomputera.pl%2Fdemo%2Ftests%2Ftest2.html

 

Wie ktoś o co tu chodzi?

 

Edytowane przez dawid4157

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników przeglądających tę stronę.

×