Kaip naudoti lūžio taškus ir medijos užklausas, kai „Tailwind“ yra „aišku“?

Šiame straipsnyje bus parodytas lūžio taškų ir medijos užklausų taikymo metodas „aiškioms“ programoms „Tailwind“.

Kaip panaudoti lūžio taškus ir medijos užklausas, kai „Tailwind“ yra „aišku“?

Norėdami pritaikyti tam tikrus lūžio taškus ir medijos užklausas „aiškioms“ programoms „Tailwind“, sukurkite HTML struktūrą. Tada nustatykite norimą reikšmę „ išvalyti- “ įrankis, skirtas įvairių dydžių ekranams naudojant “ md “ arba „ lg “ lūžio taškai. Galiausiai, norėdami patikrinti, pakeiskite tinklalapio ekrano dydį.

Pavyzdys
Šiame pavyzdyje mes naudosime „ md ' pertraukos taškas su ' aišku-tiek “naudingumas ir “ lg ' pertraukos taškas su ' aišku-nėra 'naudingumas '

“ elementas, kad pakeistų savo padėtį vidutinio ir didelio ekrano dydžiui:

Čia:

• „plūduriuoti į kairę“ klasė perkelia elementus į kairę konteinerio pusę.
• „plūduriuoti į dešinę“ klasė perkelia elementus į konteinerio dešinę pusę.
• „aiškiai kairėn“ klasė perkelia

  elementą po kairiuoju elementu konteineryje.

• 'md: išvalykite abu' klasė išvalo tiek kairę, tiek dešinę plūdes ir po jais įdeda elementą

  vidutinio dydžio ekrane.

• 'lg: aišku - nėra' klasė išjungia visus

  elementui taikomus aiškius elementus ir leidžia elementui plūduriuoti abiejose konteinerio pusėse esant dideliam ekrano dydžiui.

Išvestis

Pagal aukščiau pateiktą išvestį, nurodyti lūžio taškai ir medijos užklausos buvo sėkmingai pritaikytos „išvaliai“ programai.

Išvada

Jei norite pritaikyti lūžio taškus ir medijos užklausas „išvalioms“ programoms „Tailwind“, nurodykite norimą reikšmę „ išvalyti- 'įrankis, skirtas įvairių dydžių ekranams, naudojant ' md “ arba „ lg “ lūžio taškai. Norėdami patvirtinti, pakeiskite tinklalapio ekrano dydį ir užtikrinkite pakeitimus. Šiame straipsnyje parodytas pavyzdys, kaip taikyti konkrečius lūžio taškus ir medijos užklausas „Tailwind“ „išvalioms“ programoms.