# 016: Medijos užklausų naudojimas „Sass“ CSS-gudrybės

Turinys

Pristatome @mediaužklausų CSS sąvoką .

Daugelis dalykų, kuriuos leidžia mums naudoti „Sass“ šiame projekte, yra išlikti DRY (nepakartokite savęs). Mes padarėme tą spalvų ir dydžio kintamųjų nustatymą. Mes tai padarėme su savo šriftų šūsnimis. Dabar dar kartą tai darome su žiniasklaidos užklausomis. Bet kada mums reikia medijos užklausos, dabar turime @mixin, kurį galime naudoti. Tokiu būdu, jei mums reikia juos koreguoti, galime juos pakeisti tik vienoje vietoje.

Užuot įvardiję savo žiniasklaidos užklausas, pvz., „IPad“ ar panašiai, mes tiesiog naudosime keletą savavališkų, bet suprantamų pavadinimų, tokių kaip „Baby Bear“ ir „Papa Bear“.

Pradedame nuo plataus ekrano, tada jį susiauriname, kol naršymas atrodo blogai, ir tai yra mūsų pirmasis medijos užklausų lūžis. Tuo metu mes suskaidome navigaciją į dvi eilutes iš keturių, o ne į vieną iš aštuonių. Turime pakoreguoti šešėlius, kad jie atrodytų tinkamai.

Mes taip pat koreguojame puslapio apvyniojimo plotį, kai tam tikros medijos užklausos reiškia, kad turime patobulinti ir logotipo veikimą.

Įdomios straipsniai...