Kako uporabljati prekinitvene točke in medijske poizvedbe s pripomočki »overflow« v Tailwindu?

Ta zapis bo ponazoril metodo uporabe prekinitvenih točk in medijskih poizvedb na pripomočkih »overflow« v Tailwind CSS.

Kako uporabiti prelomne točke in medijske poizvedbe z »overflow« v Tailwindu?

Če želite uporabiti določene prekinitvene točke in medijske poizvedbe na pripomočkih »overflow« v Tailwindu, ustvarite strukturo HTML. Nato uporabite » md « ali » lg ” prelomne točke z želeno “overflow-” pripomočki za nadzor obnašanja prelivanja podanega elementa na različnih velikostih zaslona. Nato spremenite velikost zaslona spletne strani za preverjanje.

Primer
V tem primeru bomo uporabili 'md' prelomna točka z “overflow-scroll” uporabnost v

Tukaj:

• The “overflow-auto” se uporablja za dodajanje drsnih trakov v vsebnik in jih prikažite le, ko je potrebno drsenje.
• The “md:overflow-scroll” doda drsne trakove in jih vedno prikaže na 'md' prelomna točka (srednja velikost zaslona).

Izhod:


---





---

V skladu z zgornjim rezultatom so bile prekinitvene točke in medijske poizvedbe uspešno uporabljene na pripomočkih »overflow«.

Zaključek

Za uporabo prekinitvenih točk in medijskih poizvedb v pripomočkih »overflow« v Tailwindu uporabite » sm ”, “ md « ali » lg 'mejne točke z želeno' overflow- ” v programu HTML. Te prekinitvene točke nadzirajo obnašanje prelivanja podanega elementa na različnih velikostih zaslona. Ta zapis je ponazoril primer uporabe določenih prekinitvenih točk in medijskih poizvedb na pripomočkih »overflow« v Tailwindu.