我的网站没有检测到视口

时间:2014-04-16 16:36:57

标签: javascript jquery html css mobile

我有一个名为Healthot的网站。它是一个响应式网站,包含元视口标记和媒体查询。问题是,当我调整Chrome的Mac窗口时,该网站才会适应。当我用手机进入网站时,比如iPhone 5,它无法扩展。

该网站为http://www.healthot.com

3 个答案:

答案 0 :(得分:1)

您必须在头部添加元标记,我似乎无法在您的网站上找到它。

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

答案 1 :(得分:0)

嗯......我没看到

<meta name="viewport" content="width=device-width, initial-scale=1.0 " />
在萤火虫中。

尝试在头顶添加全年元标记。有时它可能很重要

答案 2 :(得分:0)

这是从哪里来的?

<script async="" type="text/javascript" src="http://whos.amung.us/pingjs/?k=xd69ovuycv2g&amp;t=Healthot%20%7C%20Fitness%20control.%20Better%20bodies.&amp;c=s&amp;y=http%3A%2F%2Fstackoverflow.com%2Fquestions%2F23115237%2Fmy-site-doesnt-detect-viewport&amp;a=0&amp;r=7773"></script>

并添加

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