我試圖在手機(jī)中隱藏一個(gè)div，并用md屏幕顯示flex。以上是我的代碼:

<div class="hidden md:flex">
            <x-navbar.nav-links :href="route('welcome')"> Home </x-navbar.nav-links>
            <x-navbar.nav-links :href="route('welcome')"> Shop </x-navbar.nav-links>
            <x-navbar.nav-links :href="route('welcome')"> About Us </x-navbar.nav-links>
            <x-navbar.nav-links :href="route('welcome')"> Contact </x-navbar.nav-links>   
   </div>

顯然，無論是md、sm還是xl屏幕，div都是隱藏的 我如何在順風(fēng)中解決這個(gè)問題？

我也有同樣的問題，是因?yàn)镃hrome， 如果你使用

class="invisible md:visible md:flex"

它可以在Chrome上運(yùn)行

把它改成

<div class="hidden md:visible">

如果我錯了，請糾正我。 一直以來，我都在到處尋找bug，或者認(rèn)為自己在某個(gè)地方犯了錯誤。 我意識到有時(shí)候，你看不到任何變化的原因

<div class="hidden md:block/flex/">

是因?yàn)镃hrome。 當(dāng)我在Firefox或Brave上測試我的頁面時(shí)，它運(yùn)行得和預(yù)期的一樣好。

您可以嘗試這樣做:

<div class="hidden sm:flex">

或者

<div class="invisible sm:visible">

我也有同樣的問題。然后我意識到我沒有在退出并回來后在終端中寫這個(gè):

npx tailwindcss-I ./src/input . CSS-o ./dist/output . CSS-watch

(用您的文件替換input.css和output.css) 后來我成功了！:)

盡量不要在md和flex之間留出空間 隱藏md:flex 不是md: flex