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]
- braille (брайлов)
- embossed (релефен)
- handheld (ръчен)
- print (печат)
- projection (проекция)
- screen (екран)
- speech (реч)
- tty (телекс)
- tv (телевизия)
Медийният тип all (всички) също може да бъде използван за указване на това, че даден стил се прилага на всички медийни типове. [6]
Източници редактиране
- ↑ Media Queries Publication History 19 юни 2012
- ↑ CSS media queries // Mozilla Developer Network and individual contributors.
- ↑ How to create media queries in Responsive Web Design – 31st July 2012
- ↑ HTML link tag // W3Schools.
- ↑ Media Queries // World Wide Web Consortium.
- ↑ Media Queries // World Wide Web Consortium.
 
|
Тази страница частично или изцяло представлява превод на страницата Media queries в Уикипедия на английски. Оригиналният текст, както и този превод, са защитени от Лиценза „Криейтив Комънс – Признание – Споделяне на споделеното“, а за съдържание, създадено преди юни 2009 година – от Лиценза за свободна документация на ГНУ. Прегледайте историята на редакциите на оригиналната страница, както и на преводната страница, за да видите списъка на съавторите.
ВАЖНО: Този шаблон се отнася единствено до авторските права върху съдържанието на статията. Добавянето му не отменя изискването да се посочват конкретни източници на твърденията, които да бъдат благонадеждни. |