logo标签列表

移动端Bootstrap响应式设计

androidcsstwitter-bootstrapmobileresponsive-design
3

我遇到了一个奇怪的问题。我在我的Web服务器上搭建了一个使用Bootstrap 3.0.3构建的页面。

我的问题是响应式部分。它在Chrome和Firefox甚至在我通过Dropbox公开链接时使用手机时工作正常。但当我尝试使用我的手机，三星Galaxy S3从我的Web服务器访问时，它停止工作。我收到了整个页面而不是缩小到移动版本。

我已经包含了视口：

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

当在Google的页面速度测试页面上运行测试时，我会收到一个错误提示，指出视口不存在。
我的Web服务器运行在Raspberry Pi上，并且使用Nginx。
你用什么手机进行测试？ - Malcolm Box
Galaxy S3，但我认为问题不在于手机。当我从我的公共Dropbox链接访问页面时，所有内容都会按比例调整大小。 - j0llan
我也遇到了同样的问题。在Chrome中将屏幕折叠到720像素会产生所需的精确结果，包括折叠的导航栏等，但通过WiFi或托管服务器访问时会出现平板电脑断点。我感到困惑。 - rurabe
4个回答
5
我一定弄错了什么，因为对我没有帮助 :/ - j0llan
1
你是否使用URL框架（掩码转发）将域名重定向到Web服务器？我和你一样遇到了同样的问题：当通过远程服务器访问我的网站时，设备如手机无法响应。
请注意，URL框架可能包括或
0

确保你已经

<!DOCTYPE html>

作为代码中的一行被发送

0
你是使用本地的Bootstrap文件还是远程的？
尝试使用以下代码来引入文件：
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap.min.css">
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.3/css/bootstrap-theme.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.3/js/bootstrap.min.js"></script>

如果之前出现过本地文件无法使用的情况，那么这可能是您与本地文件链接的问题。尝试在浏览器中使用调试控制台检查它们是否出现404错误。如果出现错误，您需要修复链接。

嗨，我正在使用本地副本，但是我也尝试了远程，可惜没有成功。虽然这不是世界末日，但很烦人，我无法让它正常工作。 - j0llan
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接