Question

我的网站使用bootstrap 3来容纳不同屏幕尺寸的设备。我使用bootstrap的 hidden-xs 类来隐藏我的页面在小型设备上不必要的背景图像，使他们可以专注于重要的输入组件而无需放大。这很好用如果您调整浏览器窗口大小或调整显示器分辨率。它也适用于像iPhone这样的低分辨率手机。

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

是否有一个简单的方法可以解决这个问题，以便拥有高分辨率手机的用户不会像桌面用户那样拥有相同的外观？

谢谢！

Answer 1

您可以使用此元标记

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

在HTML文档的<head>部分中，根据您使用的设备的屏幕宽度缩放文档。

Check MDN有关视口元标记及其用法的更多信息。