android - 移动设备上的 Bootstrap 响应

标签 android css twitter-bootstrap mobile responsive-design

我有这个奇怪的问题。我刚刚在我自己的 Web 服务器上设置了一个页面,该页面是使用 bootstrap 3.0.3 构建的。

我的问题是响应部分,它在 chrome 和 firefox 中工作正常,甚至在我通过 dropbox 建立公共(public)链接时在我的手机上工作。但是当我尝试使用我的手机 samsung galaxy s3 从我的网络服务器访问它时,它停止工作。我得到了整个页面,而不是被缩小到移动版本。

我已经包含了视口(viewport):

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

在谷歌页面速度页面上运行测试时,我收到一条错误消息,指出视口(viewport)不存在。

我的网络服务器在带有 nginx 的树莓派上运行。

最佳答案

终于! 来自 Responsive website zoomed out to full width on mobile :

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

关于android - 移动设备上的 Bootstrap 响应,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20551796/

相关文章:

javascript - 如何找出创建 bootstrap-material 的位置

android - FrameLayout 的用途是什么,我们应该在什么场景下使用它?

Android - png 资源在 android < 4.0 上转换为 ColorDrawable

android - 使用 NDK 9 为 Android 5.0 或更高版本构建的应用程序之间是否存在不兼容性?

android - 如何使 React Native 移动应用程序更快?

javascript - d3 径向条形图中的标签放置

c# - 是否存在用于将 CSS/HTML/jQuery 代码转换为 C++ 或 C# 代码的 C++ 或 C# 库?

jquery - 可扩展站点 - 50% 左 50% 右

javascript - 添加可折叠的侧边栏

html - CSS 3D效果横幅