Css bootstrap对高分辨率手机没有响应

我的网站使用Bootstrap3来适应不同屏幕大小的设备。我使用bootstrap的hidden xs类在小型设备上隐藏我的页面不必要的背景图像，这样他们就可以专注于重要的输入组件，而无需放大。如果您调整浏览器窗口的大小或调整监视器的分辨率，这项功能可以正常工作。它也适用于像iPhone这样的低分辨率手机

然而，由于bootstrap使用屏幕像素大小，这在高分辨率的android手机上不起作用。结果是，手机用户必须放大或努力选择适当的输入，因为它们在手机的物理小屏幕上看起来很小

有没有一个简单的解决办法，让使用高分辨率手机的用户不会获得与桌面用户相同的外观

---

谢谢

您可以使用此元标记

<meta name="viewport" content="width=device-width, initial-scale=1">

在HTML文档的

部分中，根据所用设备的屏幕宽度缩放文档

---

有关viewport meta标记及其用法的详细信息。

您可能需要在JS中检查设备和分辨率，并启用或禁用任何类，但这只是一个猜测。您有该页面的HTML吗？我想有两件事可以解决这个问题，只想检查一下HTML方法是否还没有为您实现。@KarlBrown您能更具体一点吗？我只是在使用你的标准引导列：如果需要，你可以编辑你的问题来添加代码-注释中的代码基本上是不可读的。你不能在引导4中使用

hidden xs

。您将使用

hidden xs up

或

hidden xs down

。引导4使引导3响应实用程序下垂。检查引导程序3到引导程序4的迁移。此外，Bootstrap 4已更改

元视口

<代码>。你的代码不工作，因为你用bootstrap 4编写了错误的

类

名称。这看起来就是我要找的。让我把这个标签推到我的开发服务器上，看看是否有效。