# 016: Multivides vaicājumu izmantošana Sass - CSS-triki

Satura rādītājs

Mēs ieviešam @mediavaicājumu jēdzienu CSS.

Daudz ko no mums ļauj izmantot Sass šajā projektā, ir palikt SAUSAI (neatkārtojiet sevi). Mēs izdarījām krāsu un izmēru mainīgo iestatīšanu. Mēs to izdarījām ar mūsu fontu kaudzēm. Tagad mēs to darām vēlreiz ar plašsaziņas līdzekļu vaicājumiem. Jebkurā brīdī, kad mums ir nepieciešams multivides vaicājums, mums tagad ir @mixin, ko varam izmantot. Tādā veidā, ja mums tie jāpielāgo, mēs varam tos mainīt tikai vienā vietā.

Tā vietā, lai nosauktu mūsu plašsaziņas līdzekļu vaicājumus, piemēram, “iPad” vai kaut ko pārāk specifisku, mēs vienkārši izmantosim dažus patvaļīgus, bet saprotamus vārdus, piemēram, “Baby Bear” un “Papa Bear”.

Mēs sākam ar plašu ekrānu, pēc tam sašaurinām to, līdz navigācija izskatās slikta, un tas ir mūsu pirmais multivides vaicājumu pārtraukums. Tajā brīdī mēs sadalām navigāciju divās četrās rindās, nevis vienā astoņu rindā. Mums ir jāpielāgo ēnas, lai tas izskatās pareizi.

Atsevišķos multivides vaicājumos mēs arī pielāgojam lapas aplaušanas platumu, kas nozīmē, ka mums ir jāpielāgo arī tas, kā darbojas logotips.

Interesanti raksti...