Mam taki problem; chcę zamiescic grafike w strukturze div na stronie ktory jest umieszczony w okreslonym miejsu i ma wielkosc width: 50%; height: 20%; Da sie jakos zrobic zeby w zaleznosi od rozdzielczosci strony grafika "dopasowala" sie wielkoscia do tego okna? (cos jak Rozciągnięcie gdy ustawiamy tlo pulpitu).
Da się to zrobic czy muszę inaczej sobie poradzic. Nie chce robic tego elementu zbyt małego tylko po te żeby mialo to jakis wyglad w 640-480. Prosze o pomoc
css rozdzielczosc
Re: css rozdzielczosc
Możesz za pomocą CSS podać grafice rozmiar w dowolnych jednostkach.
Jeśli zdefiniujesz tylko width, to height rozciągnie się proporcjonalnie.
display: block jest potrzebne, bo normalnie obrazki sa elementem inline i teoretycznie nie można im nadać/zmienić wymiarów.
dla nie-IE można dodatkowo użyć min-width i max-width, np.
Zobacz w praktyce, zmieniając wielkość tekstu: http://hell.pl/yaal/
Kod: Zaznacz cały
img {width: 100%; display: block;}
display: block jest potrzebne, bo normalnie obrazki sa elementem inline i teoretycznie nie można im nadać/zmienić wymiarów.
dla nie-IE można dodatkowo użyć min-width i max-width, np.
Kod: Zaznacz cały
img {width: 100%;
min-width: 100px;
max-width: 1000px;}