如何对 CSS 中溢出的 HTML 元素做出反应？
当元素不适合水平放置时，我想显示一个替代的较小元素。 我不想使用媒体查询，因为据我所知媒体查询需要固定的屏幕宽度进行比较。但我不知道什么时候需要切换到较小的元素，因为我不知道我的元素需要多少屏幕宽度。
如果这在纯 CSS 中是不可能的，是否有一种涉及 JavaScript 的方法？
如果这也不可行，那么网络开发人员如何解决这个问题？
（我不是 Web 开发人员。我是一名高级软件开发人员，但到目前为止我只做过很少的前端工作。）
我想构建自己的响应式导航栏，类似于引导导航栏，当屏幕变窄时切换到汉堡菜单。但即使如此，我也发现切换并不总是准确的。 （切换发生在晚到早）
尝试 css @container 规则
类似于媒体查询，但指定每个元素