2013-07-12 52 views
1

我创建了一个基于Bootstrap框架的完全响应式网站。 在浏览器中,所有响应功能都按照我想要的那样工作,但是,它似乎不适用于我的iPhone。我仍然看到一个全尺寸的网站。Bootstrap Responsive Site in Browser,not adapted in iPhone

有没有人有这个问题,或知道可能是什么原因?

+3

任何代码?我们不是心灵的。 – imulsion

回答

12

你几乎可以肯定忘记了Bootstrap文档提到的<meta name="viewport">标签。在您的<head>

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

编辑:现在,您所提供的网址,检查出的语法高亮这一行:

<meta name="viewport' content="width-device-width, initial-scale=1.0"/> 

你用双引号打开和关闭用一个单引号。

+0

嗯,我只是检查,并在代码中的代码。这是我的头文件代码: – user2469399

+0

查看我的更新。双引号或单引号,选一个,而不是两个。 – ceejayoz

+0

非常感谢!很高兴知道这是一个简单的修复。对此,我真的非常感激。 – user2469399