我试图隐藏一个div在移动的,并显示flex与md屏幕及以上,这里是我的代码:
<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>
显然,div是隐藏的所有时间,无论是一个md或sm或xl屏幕如何我可以修复这个在顺风?
5条答案
按热度按时间yhived7q1#
改成
vkc1a9a22#
您可以尝试以下操作:
或
fjaof16o3#
如果我说错了请纠正我。我一直在到处寻找错误,或者认为我在某个地方犯了错误。我意识到有时候,你看不到任何变化的原因
是因为***Chrome***。当我在Firefox或Brave上测试我的页面时,它和预期的一样好用。
c9x0cxw04#
我也有同样的问题,这是因为Chrome浏览器,如果你使用
它将在Chrome上工作
mepcadol5#
我也有同样的问题。我后来才意识到,我没有写在终端后退出和回来:
npx尾风css-i./源代码/输入. css-o./分发代码/输出. css--监视
(用你的文件替换inputidocss和outputidocss)之后对我起作用了!:)