我正在遵循Youtube上TailwindCSS创建者的导航条教程,我一直在关注这一部分,当屏幕宽度达到sm:
断点时,sm:block
类应该覆盖hidden
类。
这个几乎完全相同的例子和预期的一样,当页面宽度增加时,项目就会显示出来。
但是,当我尝试在使用npx create-next-app --example blog-starter-typescript
创建的项目上实现这一点时。这就是我得到它的地方,当页面宽度增加时,导航栏上的项目不会显示。
这正是我回购中不起作用的地方。
如果我用sm:hidden block
替换hidden sm:block
,它就起作用了。如果我为每个断点添加不同的背景色,也可以。
有人看到我做错了什么吗?
感谢
"Chrome的深色主题";扩展插件一直在注入包含display : hidden !important
的样式。删除该扩展插件解决了我的问题。
我在看到该应用程序在隐身模式下正常工作后意识到了这一点。