我的网站使用引导程序 3 来容纳不同屏幕尺寸的设备。我使用 bootstrap 的 hidden-xs 类在小型设备上隐藏页面不必要的背景图像，使它们无需放大即可专注于重要的输入组件。如果您调整浏览器窗口大小或调整显示器分辨率，这将正常工作。它在iPhone等低分辨率手机上也非常有效。
但是，由于引导程序使用屏幕像素大小，因此这不适用于高分辨率的安卓手机。结果是，手机用户必须放大或努力选择适当的输入，因为它们在手机的物理小屏幕上看起来很小。
有没有一个简单的解决方法，以便使用高分辨率手机的用户不会获得与桌面用户相同的外观？
谢谢！
您可以使用
此元标记
<meta name="viewport" content="width=device-width, initial-scale=1">
<head>，以根据所用设备的屏幕宽度缩放文档。
检查 MDN 以获取有关视口元标记及其用法的更多信息。