Witam !
Zdjęcia, które posiadam w dużej rozdzielczości, musiałem sformatować do konkretnych rozmiarów div-a na stronie. Umieściłem je jako background div-a, aby je wycentrować i aby zachować ich prawidłowe proporcje. Stworzyłem na tą potrzebę następującą klasę w CSS:
height: 100px;
width:125px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
Wszystko wygląda ok dopóki nie odpalę przeglądarki IE :) Poniżej umieszczam screeny, aby wyjaśnić na czym polega różnica.
http://prntscr.com/23tq2g <-- wersja OK
http://prntscr.com/23tq9a <-- wersja IE tak jakby smuży, w dużej rozdzielce też wyglądają gorzej niż w pozostałych przeglądarkach
Pracuję zdalnie, a gdy wejdę na stronę zewnętrznie na IE bacground-size:contain, jakby w ogóle nie działał. IE jest w innej wersji
http://prntscr.com/23tqdr <-- przykład
Czy istnieje jakieś inne rozwiązanie aby umieścić zdjęcia w div-a i nie stracić ich proporcji(w sensie żeby nie były poszerzone ani wydłużone) lub co mogę zmienić aby było ok?
Pozdrawiam Nieznasz