javascript - 如何为小屏幕分辨率（Angular、Bootstrap）调整下拉搜索预览结果的大小

Question

我不知道如何解决以下问题。在网站上，我有一个显示和隐藏的粘性标题，看起来像这样https://stackblitz.com/github/zetsnotdead/ng-reactive-sticky-header。标题包含一个弹出菜单和弹出搜索结果（4 个最受欢迎的结果+“显示全部”按钮）。如果屏幕分辨率为 1366 x 768 或更小，则此搜索结果预览不适合屏幕，并且第 4 个结果和“显示全部”按钮超出了它。正如我已经说过的，向下滚动会隐藏包括这些搜索结果在内的整个标题，因此无法单击该按钮。

不幸的是，我们没有遵循“移动优先”的原则。而且所有的自适应布局通常都依赖于引导程序。

那么如何在不添加媒体请求的情况下使搜索结果弹出以适应任何屏幕分辨率？可能吗？我找不到任何办法。如果需要任何其他信息，我可以为您提供。对不起，我是这里的nubee。

标签： javascriptangularscrollheaderpopup