我的网站使用 bootstrap 3 来适应不同屏幕尺寸的设备。我使用 bootstrap 的 hidden-xs 类在小型设备上隐藏我的页面不必要的背景图像，使它们能够专注于重要的输入组件而无需放大。如果您调整浏览器窗口的大小或调整您的显示器分辨率。它也适用于 iPhone 等低分辨率手机。
但是，由于 bootstrap 使用屏幕像素大小，因此这不适用于高分辨率的 android 手机。结果是，手机用户必须放大或努力选择合适的输入，因为它们在手机的小屏幕上显得很小。
是否有解决此问题的简单方法，以便使用高分辨率手机的用户不会获得与桌面用户相同的外观？
谢谢!
最佳答案
您可以使用这个元标记
<meta name="viewport" content="width=device-width, initial-scale=1">
在<head> HTML 文档的一部分，以根据您使用的设备的屏幕宽度缩放文档。
Check MDN有关视口(viewport)元标记及其用法的更多信息。
关于css - bootstrap 对高分辨率手机没有响应，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42230745/