Ako používať body prerušenia a mediálne dotazy na „vymazať“ v Tailwinde?

Tento článok bude príkladom spôsobu použitia bodov prerušenia a mediálnych dopytov na „jasné“ nástroje v Tailwinde.

Ako využiť body prerušenia a mediálne dopyty pri „vymazaní“ v Tailwinde?

Ak chcete použiť konkrétne body prerušenia a mediálne dopyty na „vymazať“ pomôcky v Tailwinde, vytvorte štruktúru HTML. Potom definujte požadovanú hodnotu do „ clear- ” pre rôzne veľkosti obrazovky pomocou “ md “ alebo „ lg ” prerušovacie body. Nakoniec zmeňte veľkosť obrazovky webovej stránky na overenie.

Príklad
V tomto príklade použijeme „ md 'bod prerušenia s ' jasné-obaja 'úžitok a' lg 'bod prerušenia s ' jasné-žiadne ” pomôcka v “

” prvok na zmenu jeho pozície na strednej a veľkej obrazovke:

Tu:

• „plávajúci vľavo“ class pláva prvky na ľavú stranu kontajnera.
• „plávajúca doprava“ triedy pláva prvky na pravú stranu kontajnera.
• 'jasno-vľavo' class presunie prvok

  pod prvok v kontajneri s plávajúcou myšou.

• 'md:clear-obe' class vymaže ľavé aj pravé plávajúce objekty a umiestni pod ne prvok

  na strednej veľkosti obrazovky.

• „lg:clear-none“ class zakáže akékoľvek vymazanie použité na prvok

  a umožní prvku plávať na oboch stranách kontajnera na veľkej obrazovke.

Výkon

Podľa vyššie uvedeného výstupu boli špecifikované body prerušenia a mediálne dotazy úspešne aplikované na utilitu „clear“.

Záver

Ak chcete použiť body prerušenia a mediálne dopyty v nástrojoch „clear“ v Tailwinde, definujte požadovanú hodnotu pre „ clear- ” pre rôzne veľkosti obrazoviek pomocou “ md “ alebo „ lg ” prerušovacie body. Na overenie zmeňte veľkosť obrazovky webovej stránky a zabezpečte zmeny. Tento článok demonštroval príklad použitia špecifických bodov prerušenia a mediálnych dopytov na „jasné“ nástroje v Tailwinde.