Css - медийни заявки (медии запитвания), шефът на ИТ

Какво е медийни запитвания?

медийни заявки (медии заявки) - това е правилата на CSS, които ви позволяват да управлявате стиловете на елементи в зависимост от стойностите на техническите параметри на устройствата. С други думи, тази структура, която позволява да се определи въз основа на определени условия, които стилове трябва да се използват в уеб страница, както и кои не са.

Медийни проучвания са били в CSS3 на спецификация и днес поддържа във всички съвременни браузъри (Chrome 4+, Firefox 3.5+, т.е. 9+, Opera 9+, Safari 4+).

Браузър Подкрепа CSS3 медийни запитвания (медийни запитвания)

Подкрепа за медийни заявки в IE8 браузър се извършва чрез свързване към respond.js скрипт страница.

медийни заявки са предназначени за създаване на уеб сайтове, отзивчиви дизайн. Адаптивен дизайн е различен от останалите с това, че може да се "адаптира" (модифициран), в зависимост от вида на ширината на екрана има устройство (браузър). За да научите повече за адаптивен дизайн може да бъде в статията "Какво е адаптивно оформление."

Но при създаването на адаптивни уеб страници също трябва да се обърне внимание на мета илюминатора. Това гарантира правилното показване етикет проектира адаптивни обекти на екрана на устройство с висока плътност на пикселите. С други думи, тя създава кореспонденция между физическото и CSS резолюцията на уеб страница. По-подробно, за да се разбере как Прозорецът за мета маркер може да бъде в статията "Въведение в мета Прозорецът".

Свързване на Прозорецът за мета таг към страницата, в повечето случаи се извършва, както следва:

запитвания Синтаксис медийни

Използвайте следния синтаксис за създаване на медийни заявки:

Основните видове устройства:

медийни функции

За съставянето на условията в @media fukntsii да използвате следното:

Използване на носител за заявки CSS файлове, когато е свързано

медийни заявки могат да се използват като стойността на атрибутите медии връзка елемент. Това ще даде възможност, в зависимост от настройките на устройството, за да се определи кои CSS файлове е необходимо да се свърже с една страница, и кои не са. Обикновено, тази функционалност се използва, когато различните класове устройства е необходимо да се прилагат различни CSS стилове.

В допълнение, медийни заявки могат да се използват и в правилото за @import. който е предназначен за внос на стилове от други CSS файлове в ток.

искания медия за първоначално зареждане 3

Организиране на медийни заявки във възходящ ред Клас XS устройства, SM, MD и LG (по подразбиране):

Посочените по-горе искания трябва да се използват само в този ред.

За медии заявки могат да бъдат използвани в каквато последователност те трябва да се разшири и да включва допълнително макс ширина експресия. Това ще ги принуди да се работи само в посочения диапазон.

искания медия за първоначално зареждане 4

искания Синтаксис медийни за Bootstrap 4, който може да се използва само в следния ред (последователно увеличаване на минималната ширина на изгледа)

Списъкът на медийни заявки за първоначално зареждане 4, които могат да бъдат използвани в стил лист в произволен ред:

Това се прави по следния начин:

Например, тази функция може да се използва за асинхронно зареждане на изображения, в зависимост от какъв размер изгледа има устройство (браузър).

метод matchMedia не се поддържа от Internet Explorer 9, както и други по-стари браузъри. За да се осигури тази функционалност в по-стари браузъри, можете да използвате метод MQ Modernizr библиотеката.

Prompt, както и в такива случаи се биете? По-скоро въпросът разбираем обяснение на принципите.

Когато създавате адаптивно оформление е необходимо да се определят основните отправни точки. Например, 576px, 768px, 992px и 1200px. Тези точки могат да бъдат повече или по-малко в зависимост от разположението изпълнени. Тези данни трябва да се определят промените в оформлението. Т.е. 576px да бъде една маркировка на 576px и над друга, при 768px и така друг и т.н.

В същото време правилата трябва да се поставят в следния ред:
Не е необходимо да ги ограничи с помощта на макс ширина. Т.е. ако имате ширина браузър CSS на работната зона е например 600px. Това ще се прилага на CSS-имота със състоянието мин ширина: 576px. защото те се намират след тези, предназначени за устройства до 576px. А стилове за устройства> = 768px няма да се прилагат, както текущата ширина на изделието не отговаря на това условие.

Благодаря.
Това е с цел propisaniem критичните контролни точки?