可在移动设备上启动响应能力



我遇到了这个奇怪的问题。我刚刚在自己的网络服务器上建立了一个使用bootstrap 3.0.3构建的页面。

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

我已经包括了查看端口:

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

当在谷歌页面速度页面上运行测试时,我收到一个错误,说明视口不存在。

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

终于来了!从响应式网站缩小到全宽移动:

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

您是否使用URL帧(屏蔽转发)将域重定向到web服务器?。我遇到了和你一样的问题:(通过远程服务器访问我的网站时,对移动设备没有响应。

注意URL帧,可以包括<frame><iframe>,在这种情况下,响应部分用于移动设备、平板电脑等。。。不会起作用。

您使用的是引导文件的本地副本,还是远程副本?

尝试包含以下文件:

<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’ed,请尝试在浏览器中使用调试控制台进行检查。如果是…你必须修复链接。

确保您有

<!DOCTYPE html>

作为代码中的行发送

最新更新