Css медии заявки @media

забележка
искания медия прави няколко версии на сайта за konkrektnyh устройства, както и да позволяват да се няколко варианта за дизайн чрез използването на различни стилове. Направете различни стилове много по-лесно и по-евтино, отколкото правите различни сайтове.

Синтаксис CSS @media

Когато типа на устройството, може да отнеме от следните стойности:

логически оператори

• и (и) - логично С нея ще можете да настроите няколко условия и само при условие, че те ще бъдат изпълнени, а след това ще се приложи стила
• или (или) - логически ИЛИ. Необходимо е, че поне едно от условията
• не (не са) - логическо отрицание. Не трябва да се извършват Условия за да не стои
• само - да се скрие @media правило от стари браузъри. По-нови браузъри просто не забелязват този оператор

забележка
Запетаята се разглежда като или оператор.

Помислете какви са медийни функции.

От всички по-горе описани характеристиките на медиите само две се използват най-често мин-макс ширина и ширина.

Примери за медийни заявки

Пример №1. Ограничаването на максималната ширина

Например, този код ще работи за устройства с ширина на екрана е по-малко от 800px. Умение екран и не можете да пишете.

Пример №2. Задаване на широчината на интервала

Този код ще работи само, ако ширината на екрана е в диапазона от 640 до 1024 пиксела.

Пример №3. диапазон изключение

Този код ще работи само, ако ширината на екрана е по-малко от 640, или обратното Pixley повече от 1024 пиксела.

Пример №4. изключение устройство

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