Html 在不同的屏幕尺寸上重用navbar中的代码有哪些选项？

我有一个问题，就是在不同屏幕大小的navbar中多次重用代码的一部分

我曾经尝试过使用ng模板，并将其放置在不同的位置，以便ng容器和控件在不同的屏幕大小上显示css，但ng模板中的代码有组件，每次都创建一个新实例

菜单

---

我只需要这段可重用代码的一个实例，因为jhi notification bell组件与WebSocket有连接，或者，您知道解决此问题的另一种方法吗？

屏幕大小之间是否有任何功能更改？还是仅仅是款式？如果只是样式，为什么不使用媒体查询根据屏幕大小对nav进行不同的样式设置？此外，拥有此组件的多个版本并不一定意味着副作用会重复（如websock连接、API请求等）。如果此组件有mobile+web版本，并且web组件在创建移动设备时被销毁，则两个组件在启动一次后仍可以共享相同的连接。功能相同，仅更改屏幕大小之间的显示位置（>992，