2012-04-11 30 views
5

Sitemi, daha yüksek çözünürlüklü monitörler (özellikle yeni iPad) için optimize ediyorum. Sitenin istediğim şekilde biçimlendirilmiş hali var ve her görüntünün çözünürlüğünü artırıyordum, ancak şu anda sahip olduğum DIV'leri hala sınırlıyordum. Örneğin, 483x246 çözünürlüğe sahip bir görüntüm var ve 188x96'lık bir set boyutuna sahip bir DIV'ye takılıyorum.Yüksek Çözünürlüklü Görüntü IE Tarayıcı Renderleme

Görüntüler, Chrome, Firefox'ta ve en önemlisi yeni iPad'de harika görünüyor. Yakınlaştırılmış bile olsa, güzel ve net (yakınlaştırdığımda bulanık ve pikselli görünen eski 188x96 görüntüsünün aksine)

Sorun, sayfayı IE'de açtığımda geliyor. Resmi doğru boyutta görüntüler, ancak pürüzlüdür. Aşağıdakine karşılaştırma linkine bakınız. IE'nin yeniden boyutlandırma ve resimlerini anında oluşturma ile ilgili bir sorun olduğunu biliyorum.

Sorum, IE'nin resmi güzel görüntülemesini sağlamanın bir yolu var mıydı? Değilse, kodu tespit edebilecek bir yol var, böylece IE'yi tespit ederse, eski düşük çözünürlüklü resmimi gösterir? Her yere baktım ama benim özel sorunumla ilgili hiçbir şey bulamadım. Bunun küçük bir örnek olduğunu biliyorum ama daha büyük resimlerim aynı şeyi yapıyor ve daha dikkat çekiyor. Umarım hepiniz yardımcı olabilirsiniz. Teşekkürler. :)

Karşılaştırma: enter image description here

cevap

3

Eğer CSS'nizde bu koyarak denediniz olduğunu bilirdim herhalde?

img {-ms-enterpolasyon modu: bicubic; }

da

emin IE9 uyumluluk modu veya IE7/8 modunda olmadığından emin olun çok ilginç görünüyor bu https://github.com/adamdbradley/foresight.js ... IE9 Mode

+0

teşekkürler var! Bu, ancak daha önceki IE sürümleri için çalıştı. IE 9 hala pürüzlü görüntüler gösteriyor. :(Oh, ben de bu senaryoyu kontrol etmem gerekecek. Bu gerçekten ilginç görünüyor. Tekrar teşekkürler. – djcloud23

+0

Bana bir örnek gönderebilir misiniz? Eminim bu sorunu çözebiliriz. IE9, IE7 veya IE8 modunda değil, F12'ye tıkladıktan sonra Browser Mode (Tarayıcı Modu): IE ... 'ye tıkladığınız yere tıklayın. – hcharge

0

bu BitmapData aslında IE tarayıcısında bambaşka hale gelir çünkü eğer happends nedeni IE yaptığı şey, her gibi pek Belirli oranlarda üzerinde uzak pikselleri "keser" dir 5 piksel, bir piksele sahiptir ve bu, bazı degrade özelliklerini kaçırdığı gibi görünmesini sağlar.

pek Eğer boy oranı setini tutmak dışında bu konuda yapabileceği ama kendiniz zaten

İlgili konular