bootstrap对高分辨率手机无响应
问题描述:
我的网站使用引导程序3来适应不同屏幕尺寸的设备。我使用引导程序的hidden-xs类在小型设备上隐藏我的页面不必要的背景图像,使其无需放大即可关注重要的输入组件。如果调整浏览器窗口大小或调整显示器分辨率,此工作正常。它也适用于像iPhone这样的低分辨率手机。bootstrap对高分辨率手机无响应
但是,自引导程序使用屏幕像素大小,这不适用于高分辨率的Android手机。结果是,手机用户必须放大或努力选择适当的输入,因为他们在手机的小屏幕上看起来很小。
有没有一个简单的解决方法,让高分辨率手机的用户看起来不像桌面用户那么容易?
谢谢!
答
您可以在HTML文档的<head>
部分使用这个元标记
<meta name="viewport" content="width=device-width, initial-scale=1">
,再创根据您所使用的设备的屏幕宽度的文件。
Check MDN了解有关视口元标记及其用法的更多信息。
+0
这看起来是我正在寻找的。让我把这个标签推到我的开发服务器上,看看是否有效。 – TheCatWhisperer
您可能需要检查JS中的设备和分辨率,并启用禁用任何类,但这只是一个猜测。 – Mihai
您是否拥有该页面的HTML?我正在考虑可能解决这个问题的两件事,只是想检查HTML方法是否已经为您执行。 –
@KarlBrown你能更具体吗?我只是用你的标准引导列: