Optymalizuję witrynę pod kątem tych monitorów o wyższej rozdzielczości (zwłaszcza nowego iPada). Mam stronę sformatowaną tak, jak chcę, i właśnie zwiększałem rozdzielczość każdego obrazu, ale wciąż ograniczałem go do DIV, które obecnie mam. Na przykład mam obraz o rozdzielczości 483x246 i mam go dopasowany do DIV o ustawionym rozmiarze 188x96.Obraz w wysokiej rozdzielczości IE Browser Rendering
Obrazy świetnie wyglądają w Chrome, Firefoksie i, co najważniejsze, na nowym iPadzie. Nawet powiększony jest ładny i wyraźny (w przeciwieństwie do mojego starego obrazu 188x96, który był rozmazany i pikselowany po powiększeniu)
Problem pojawia się, gdy otwieram stronę w IE. Wyświetla obraz w prawidłowym rozmiarze, ale jest postrzępiony. Zobacz link do porównania poniżej. Wiem, że to problem związany z tym, jak IE zmienia rozmiar i renderuje obrazy w locie.
Moje pytanie byłoby, czy jest sposób, aby IE ładnie wyświetliło obrazek? Jeśli nie, czy istnieje sposób, w jaki mogę umieścić kod, tak aby po wykryciu IE wyświetlał mój stary obraz o niskiej rozdzielczości? Szukałem wszędzie, ale nie znalazłem niczego, co dotyczyłoby mojego konkretnego problemu. Wiem, że to mały przykład, ale moje większe obrazy robią to samo i są bardziej zauważalne. Mam nadzieję, że wszyscy możecie pomóc. Dzięki. :)
Porównanie: 
Dzięki! To działało, ale dla wcześniejszych wersji IE. IE 9 nadal pokazuje postrzępione obrazy. :(No cóż, będę musiał sprawdzić ten skrypt.To rzeczywiście wygląda interesująco.Dziękuję jeszcze raz – djcloud23
Czy mógłby Pan wysłać mi link do przykładu? Jestem pewien, że możemy to naprawić ... również masz sprawdziłeś, czy twój IE9 nie jest w trybie IE7 lub IE8? hit F12, a następnie kliknij tam, gdzie jest napisane Tryb przeglądarki: IE ... – hcharge