反应应用程序中汉堡菜单和全屏菜单之间的最佳实践是什么



所以我有一个网站,它是响应性的,在小屏幕中,菜单是打开的,点击布尔格按钮,当有足够的空间时,菜单在标题中可见,布尔格按钮消失。

我的问题是处理这些组件的最佳实践是什么(burguer是改变上下文状态showMenu的组件(。

我应该有两个不同的菜单组件MenuResponsive || MenuInHeader&挂载-卸载它们取决于屏幕大小,或者只安装一个具有大量CSS的组件。我使用css.module只是以防万一。

感谢

美妙之处在于您有选择。如果按钮要被大量重用,我会创建一个单独的组件。如果没有,那么我可能会使用媒体查询之类的CSS来管理响应式设计。

最新更新