Co trzeba zrobić , żeby zdjecię zamiast px zajmowało okreslone % na monitorze?

pytanie zadane 17 marca 2016 w HTML i CSS przez Vorex444 Dyskutant (9,610 p.)

Hej mam pewien problem ponieważ u mnie na monitorze dobrze widać obrazy , które wrzucam na swoją strone ale jeżeli przejde na większy monitor to już te obrazy wydają sie mniejsze , chcialbym zrobic cos takiego zeby one przejmowały jakiś % zebym po prostu mogl na mniejszym monitorze robić takie obrazy , ktore po wejsciu na wiekszy monitor zabierały tyle samu miejsca ile na tym mniejszym.

2 odpowiedzi

odpowiedź 17 marca 2016 przez iwan9449 Pasjonat (20,810 p.)
wybrane 20 marca 2016 przez Vorex444

Najlepsza

Przygoruj grafikę o większych wymiarach i ustaw dla tej grafiki max-width: 100%; oraz vertical-align: middle;

Pozdrawiam!

Pokaż 9 poprzednich komentarzy

komentarz 17 marca 2016 przez Eryk Andrzejewski Mędrzec (164,260 p.)

Pewnie nie byłeś w stanie edytować komentarza dlatego, że miałeś gdzieś na tej podstronie otwarte pole do napisania lub edycji innej odpowiedzi lub komentarza :)

komentarz 17 marca 2016 przez Vorex444 Dyskutant (9,610 p.)

nie wiem dlaczego ale nie chce mi sie te zdjecie wysrodkowac ?

komentarz 17 marca 2016 przez iwan9449 Pasjonat (20,810 p.)

zdjęcie nie chce Ci się wyśrodkować, ponieważ nie ma stałej szerokości. Możesz spróbować wykorzystać metodę z dodaniem do zdjęcia takiego kodu css:

img {
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
}

To powinno rozwiązać problem.

komentarz 17 marca 2016 przez iwan9449 Pasjonat (20,810 p.)

@Eryk Andrzejewski Udało mi się poprawić kod, zanim pole z kodem dię załadowało, ale niestety problem dalej występuje. Chodzi chyba o szerokość pola z kodem, wygląda ono tak, jakby było rozciągnięte na większą szerokość i przez to przesówa ikonę z edycją.

Pozdrawiam.

komentarz 17 marca 2016 przez Eryk Andrzejewski Mędrzec (164,260 p.)

Możliwe, po zmianach na forum są takie bugi. Dlatego lepiej nie stosować już tych bloczków ale wkleić kod na pastebin albo gisty

odpowiedź 17 marca 2016 przez artimal Gaduła (4,800 p.)

Wykorzystaj jednostkę vw :) Jest jak procenty ale można z niej korzystać przy podawaniu dowolnych wartości css (teksty, cienie, border-radius). Twoje zdjęcie będzie zajmowało zawsze tyle samo objętości na ekranie, niezależnie od rozdzielczości.

komentarz 17 marca 2016 przez Vorex444 Dyskutant (9,610 p.)

325x43 to ile bedzie tych vm?

komentarz 17 marca 2016 przez artimal Gaduła (4,800 p.)

1vw jest jak 1% szerokości/wysokości ekranu użytkownika.

komentarz 17 marca 2016 przez Vorex444 Dyskutant (9,610 p.)

dobra ustawilem 31.74vw na 4.4vw i te zdjecie troszke jest rozmazane czy da sie zrobic zeby wgl nie tracilo na jakosci?

komentarz 17 marca 2016 przez artimal Gaduła (4,800 p.)

To rozwiązanie powoduje czasem taki efekt w zależności na jakiej rozdzielczości jest otwierane. Jak byś dodał po przecinku trochę wartości lub odjął to z czasem powinieneś trafić na pełną jakość.