我使用 bootstrap 4 作为前端框架开发了一个 web 应用程序。 我的应用程序首先是桌面，但我让一些视图适应移动设备和一个特殊的菜单适应移动设备。
我的应用在 768 像素处中断，在它下方成为移动视图。
当我在我的手机（samuns Galaxy a51）上测试它时，在纵向上它可以，但在横向上它显示桌面版本，这不是我想要的。
我的智能手机分辨率是 2400 x 1080，所以我想知道两件事：
- 根据我的理解，在纵向我想我的手机有 1080 像素的宽度，那么为什么该应用程序显示为移动版本？ （这就是我想要的，但我不明白它是如何工作的）
- 在横向上显示其 2400 和桌面版本（这是合乎逻辑的），但这不是我想要的。但是 boostrap 中的媒体查询是基于像素的，那么如何处理？
实际上我不明白为什么它基于像素，这不是确定响应的好方法（我们可以有一个分辨率很高的小屏幕）。将分辨率和屏幕尺寸混合使用会更好。
你如何在你的项目中处理这个问题？使某些东西真正适应移动设备和平板电脑的最佳方法是什么？
感谢您的帮助