Media Queries

от Уикипедия, свободната енциклопедия
Направо към: навигация, търсене

Media Queries (Медийни Запитвания) е модул на CSS3, позволяващ рендерирането да се адаптира към характеристики като разделителната способност на монитора. През юни 2012 г. става препоръчителен стандарт на W3C и е крайъгълен камък в отзивчивия уеб дизайн. [1]

Ползване на медийни запитвания[редактиране | редактиране на кода]

Медийните запитвания се състоят от медиен тип (media type) и един или повече изрази, включващи медийни характеристики (media features), които дават като резултат булев израз. Резултатът от запитването е „вярно“, ако специфицираният медиен тип отговаря на вида устройство, на което се показва документът и същевременно всички останали изрази в медийното запитване имат за отговор „вярно“. Когато медийното запитване е вярно, се прилагат съответният стил или съответните правила за стил при спазване на нормалните каскадни правила. [2][3]

Един прост пример:

@media screen and (min-width:500px) { ... }

Медийни типове[редактиране | редактиране на кода]

Медиен тип може да бъде деклариран в <head>-елемента на хипертекстов документ посредством атрибута media в елемент <link>. Стойността на атрибута media определя на какво устройство ще бъде показан свързаният документ. [4] Медийни типове могат да бъдат декларирани и в инструкции за обработка на XML – инструкциите @import at и @media at. CSS2 дефинира следните медийни типове: [5]

Медийният тип all (всички) също може да бъде използван за указване на това, че даден стил се прилага на всички медийни типове. [6]

Източници[редактиране | редактиране на кода]

  1. Media Queries Publication History 19 June 2012
  2. CSS media queries. // Mozilla Developer Network and individual contributors. Посетен на November 2012.
  3. How to create media queries in Responsive Web Design – 31st July 2012
  4. HTML link tag. // W3Schools. Посетен на November 2012.
  5. Media Queries. // World Wide Web Consortium. Посетен на November 2012.
  6. Media Queries. // World Wide Web Consortium. Посетен на November 2012.
Криейтив Комънс - Признание - Споделяне на споделеното Лиценз за свободна документация на ГНУ Тази страница частично или изцяло представлява превод на страницата „Media queries“ в Уикипедия на английски. Оригиналният текст, както и този превод, са защитени от Лиценза „Криейтив Комънс - Признание - Споделяне на споделеното“, а за съдържание, създадено преди юни 2009 година — от Лиценза за свободна документация на ГНУ. Прегледайте историята на редакциите на оригиналната страница, както и на преводната страница. Вижте източниците на оригиналната статия, състоянието ѝ при превода, и списъка на съавторите.