Media so'rovlari - Media queries - Wikipedia

Media so'rovlari ning xususiyati CSS 3 kontentni ko'rsatishni ekranning o'lchamlari (masalan, mobil va ish stoli ekranining o'lchamlari) kabi turli xil sharoitlarga moslashishiga imkon berish. Bu bo'ldi W3C tavsiya etiladi 2012 yil iyun oyida standart,[1] va bu tamal toshi texnologiyasidir sezgir veb-dizayn (RWD).

Tarix

Media so'rovlari dastlab eskizga tushirildi Xekon Wium yolg'on 1994 yilda CSS-ning dastlabki taklifi,[2] lekin ular tarkibiga kirmadilar CSS 1. The HTML4 1997 yildagi tavsiyanomada kelajakda ommaviy axborot vositalariga qanday qilib so'rovlar qo'shilishi mumkinligi haqida misol keltirilgan.[3] 2000 yilda W3C media-so'rovlar bo'yicha ish boshladi, shuningdek, turli xil qurilmalarni qo'llab-quvvatlashning boshqa sxemasi bo'yicha: CC / PP. Ikkala muammo bir xil, ammo CC / PP serverga yo'naltirilgan, media-so'rovlar esa brauzerga yo'naltirilgan.[4] OAV so'rovlari uchun birinchi jamoat ishchi loyihasi 2001 yilda nashr etilgan,[5] va spetsifikatsiya 2012 yilda brauzerlar qo'llab-quvvatlagandan so'ng W3C tavsiyasiga aylandi.

Foydalanish

Media-so'rov a dan iborat media turi va o'z ichiga olgan bir yoki bir nechta iboralar media xususiyatlari, ular to'g'ri yoki noto'g'ri deb belgilanadi. Agar so'rov natijasi, agar media-so'rovda ko'rsatilgan media turi hujjat ko'rsatilayotgan qurilmaning turiga to'g'ri keladigan bo'lsa va media-so'rovdagi barcha iboralar to'g'ri bo'lsa. Media-so'rov to'g'ri bo'lsa, odatiy kaskad qoidalariga rioya qilgan holda tegishli uslublar jadvali yoki uslub qoidalari qo'llaniladi.[6][7]Media so'rovlari @ommaviy axborot vositalari CSS "qoidalar".

Misollar

Quyida CSS media so'rovlariga misollar keltirilgan:

@ommaviy axborot vositalari ekran va (displey rejimi: to'liq ekran) {  / * Bu yerdagi kod faqat to'liq ekrandagi ekranlarga tegishli * /}
@ommaviy axborot vositalari barchasi va (yo'nalish: manzara) {  / * Bu erdagi kod faqat landshaft yo'nalishida qo'llaniladi * /}
@ommaviy axborot vositalari ekran va (min-qurilma kengligi: 500 piksel) {  / * Bu erdagi kod faqat kengligi 500 pikseldan teng yoki kattaroq ekranlarga tegishli * /}

Media turlari

An boshida media turi e'lon qilinishi mumkin HTML a ichidagi "media" atributidan foydalangan holda hujjat <havola> element. "Media" atributining qiymati bog'langan hujjat qaysi qurilmada ko'rsatilishini belgilaydi.[8] Media turlari, shuningdek, ichida e'lon qilinishi mumkin XML ishlov berish bo'yicha ko'rsatmalar @Import qoidada va @ommaviy axborot vositalari qoidaga muvofiq. CSS 2 ommaviy axborot vositalarining turlari sifatida quyidagilarni belgilaydi:[9]

  • barchasi (barcha qurilmalar uchun mos)
  • brayl
  • bo'rttirma
  • qo'lda
  • chop etish
  • proektsiya
  • ekran
  • nutq
  • tty
  • Televizor

"Hammasi" media turi, shuningdek, uslublar jadvalining barcha ommaviy axborot vositalarining turlariga tegishli ekanligini ko'rsatish uchun ishlatilishi mumkin.[10]

Media xususiyatlari

Quyidagi jadvalda ommaviy axborot so'rovlari uchun so'nggi W3C tavsiyasida keltirilgan media xususiyatlari 2007 yil 6 iyunda berilgan.[11]

XususiyatQiymatMin / MaksTavsif
rangtamsayıHabitta rang komponentiga bit soni
rang ko'rsatkichitamsayıHaranglarni qidirish jadvalidagi yozuvlar soni
qurilma tomonlari nisbatiinteger / integerHatomonlar nisbati
qurilma balandligiuzunlikHachiqish moslamasining balandligi
qurilma kengligiuzunlikHachiqish moslamasining kengligi
panjaratamsayıYo'qtarmoqqa asoslangan qurilma uchun to'g'ri
balandlikuzunlikHako'rsatish yuzasining balandligi
monoxromtamsayıHamonoxrom ramka buferidagi pikselga bitlar soni
yo'nalish"portret" yoki "manzara"Yo'qekranning yo'nalishi
qaroro'lchamlari ("dpi", "dpcm" yoki "dppx")Haqaror
skanerlash"progressiv" yoki "interlaced"Yo'q"tv" media turlarini skanerlash jarayoni
kengligiuzunlikHako'rsatish yuzasining kengligi

Adabiyotlar

  1. ^ Media so'rovlari nashr tarixi 19 iyun 2012 yil
  2. ^ Xekon Wium yolg'on. "Cascading HTML Style Sheets". Olingan 20 yanvar 2013.
  3. ^ "HTML ma'lumotlarining asosiy turlari". www.w3.org.
  4. ^ "Re: 2002-07-17 yillarda Håkon Wium Lie-dan ommaviy axborot so'rovlari bo'yicha CR-ning mulohazalari (2002 yil iyuldan [email protected])". lists.w3.org.
  5. ^ "Media so'rovlari". www.w3.org.
  6. ^ "CSS media so'rovlari". Mozilla Developer Network va individual hissadorlar. Olingan 28 aprel 2017.
  7. ^ "Responsive Web Design-da media-so'rovlarni qanday yaratish kerak". TechRepublic.
  8. ^ "HTML havolasi yorlig'i". W3Maktablar. Olingan 28 aprel 2017.
  9. ^ "Media so'rovlari". Butunjahon Internet tarmog'idagi konsortsium. Olingan 28 aprel 2017.
  10. ^ "Media so'rovlari". Butunjahon Internet tarmog'idagi konsortsium. Olingan 28 aprel 2017.
  11. ^ "Media so'rovlari". Sitepoint. Olingan 28 aprel 2017.

Tashqi havolalar