Css interogări @media mass-media
remarcă
cereri media face mai multe versiuni ale site-ului pentru dispozitive konkrektnyh, și permit să facă mai multe opțiuni de proiectare prin utilizarea unor stiluri diferite. Asigurați-vă diferite stiluri mult mai ușor și mai ieftin decât a face site-uri diferite.
Sintaxa CSS @media
În cazul în care tipul de dispozitiv poate lua următoarele valori:
operatori logici- și (i) - logic Cu el puteți seta mai multe condiții și numai cu condiția ca acestea vor fi îndeplinite, atunci se va aplica stilul
- sau (sau) - SAU logic. Este necesar ca cel puțin una dintre condițiile
- nu (nu sunt) - negație logică. Condițiile pentru nu în picioare, nu ar trebui să fie efectuate
- numai - pentru a ascunde @media regula din browserele vechi. browsere mai noi pur și simplu nu observa acest operator
remarcă
Virgula este văzută ca operatorul sau.
Luați în considerare ceea ce sunt caracteristicile mass-media.
Dintre toate caracteristicile descrise mai sus ale presei doar două sunt folosite cel mai frecvent min-lățime și max-lățime.
Exemple de solicitări media
Exemplul №1. Restricția privind lățimea maximă
De exemplu, acest cod va lucra pentru dispozitive cu o lățime de ecran este mai mică decât 800px. Caracteristica ecranului și nu se poate scrie.
Exemplul №2. Setarea lățimii intervalului
Acest cod va funcționa numai numai dacă lățimea ecranului este în intervalul de la 640 la 1024 de pixeli.
Exemplul №3. gama de excepție
Acest cod va funcționa numai numai dacă lățimea ecranului este mai mică de 640, sau invers Pixley mai mult de 1024 de pixeli.
EXEMPLUL №4. excepție dispozitiv
Pentru a nu crea confuzie în stiluri și facilitează încărcarea site-ului, cu fișiere în stil interogări media pot fi încărcate numai atunci când este necesar. Acest lucru se face prin intermediul link-ul tag-ul: