Media Query / Media-Query
- Media Query / Media-Query
Media query (медийна заявка) е техника в CSS, която позволява на уеб дизайнерите да прилагат различен CSS код в зависимост от определени характеристики на устройството, на което се преглежда уеб страницата. Това включва характеристики като ширина на екрана, височина, ориентация, разделителна способност и др.
Media query-тата се използват, за да се осигури адаптивен дизайн на уебсайтове, който може да се приспособи автоматично към различни устройства и екрани. Чрез определяне на условия в медия заявките, можем да променяме стиловете и изгледа на елементите в зависимост от контекста на устройството.
Пример за използване на media query в CSS:
@media (max-width: 600px) {
p {
color: red; /* Променен цвят на текста за малки екрани */
}
}
Media query-тата се използват, за да се осигури адаптивен дизайн на уебсайтове, който може да се приспособи автоматично към различни устройства и екрани. Чрез определяне на условия в медия заявките, можем да променяме стиловете и изгледа на елементите в зависимост от контекста на устройството.
Пример за използване на media query в CSS:
@media (max-width: 600px) {
p {
color: red; /* Променен цвят на текста за малки екрани */
}
}
Трябва да сте регистриран потребител за да може да добавите нова дефиниция и да гласувате.
Регистрирайте се безплатно тук. Ако вече имате регистрация може да влезете от тук.