@media so'rovlar qoidalarining ichki ko'rinishidagi xatoliklar (IE9)

Media-so'rovlar va manbalarga kelsak, Chrome, Firefox va Safari-dagi joriy xatti-xarakat siz uchun kerak bo'lmaguncha yuklamaydi; Masalan, 480px piksellar bilan ishlaydigan mobil qurilma max-device-width: 1000px qoida ichida rasmlarni yuklamaydi. Tabiiyki, bu og'ir ish stoli resurslarini mobil qurilmalardan uzoqda saqlash uchun ajoyib.

Ushbu yondashuv bilan shrift manbalarini yuklashda nomuvofiqliklarga yo'l qo'yaman. Yuqorida keltirilgan IE9dan tashqari barcha brauzerlar uchun veb-shriftni yuklash kerak

@media screen and (max-device-width: 1000px) {
    @font-face{ 
        font-family: 'SomeFont';
        src: url('../Fonts/somefont.eot');
        /* full stack here etc. */
    }
}

Bu jirkanchdir, chunki katta hajmdagi yozuvni uyali telefondan uzoqroqqa saqlashni istayman, lekin IE9 media-so'rovdan tashqarida bo'lmasa, shriftni yuklamaydi.

Bu to'g'ri ishmi? Spesifikada shrift manbalari haqida hech narsa topa olmayapman, shuning uchun IE9 buni to'g'ri bajarishi mumkin (bu mening harakatlarim bo'lmasa ham). Bunga har qanday kishi yoritishi mumkinmi?

4

3 javoblar

Shuning uchun: "@media ichidagi qoidalar CSS2 da haqiqiy emas. 1 " Firefox ko'rinishi texnik xususiyatlarga ham hurmat ko'rsatiladi.

3
qo'shib qo'ydi
Bu javob ko'rinadi! CSS3 uchun ham o'zgarishi mumkin. Yaxshi toping!
qo'shib qo'ydi muallif Graham Conzett, manba

shuning uchun shartli izohlarda nima uchun faqat 9 harfli @ font-face deklaratsiyasini sarflamaysiz? yoki mobil telefon uchun @ font-yuzini qayta-qayta e'lon qiling. Men "mobil telefon" orqali siz IEMobile deganingizni nazarda tutyapsizmi? siz IEMobile-ni shartli sharhlar orqali ham maqsadga muvofiqlashtirishingiz mumkin, shuning uchun siz uni boshqa yo'l bilan ham qila olasiz.

<!--[if IE 9]>

0
qo'shib qo'ydi

Qadimgi bo'lsa-da, mening javobim boshqa foydalanuvchilarga bir xil muammoga yordam berishi mumkin. Men bu masalani qanday hal qilish mumkinligi haqida maqola yozdim. bu yerda .

IE10 shartli izohlarni e'tiborsiz qoldirganligi sababli, odatda shartli izoh va ortiqcha JavaScript-ni asoslangan echimdan foydalanishingiz mumkin.

0
qo'shib qo'ydi