媒体查询不适用于Android和iPhone

我试图使网站响应并且在智能手机和平板电脑上看起来不错。媒体查询不适用于Android和iPhone

下面是这个网站的链接：http://fineart.d.dev.vendo.no/

的问题是，我的移动设备没有看到媒体查询我专门为他们写了。我知道这个问题在这里经常被问到Stackoverflow，但是我没有找到解决这个问题的办法。这里是我的代码：

@media only screen and (max-width: 768px) { 
    /* Some mobile-specific code goes here */ 
}

我试图用max-device-width并添加

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

的部分，但没有成功:(

能否请你帮我解决这个问题，我真的卡住了？与它，并需要你的帮助。

预先感谢您！

2013-06-19 Nekto

我在页面的头部没有看到视口元标记 - 我错过了什么？

2013-06-19 23:09:35

谢谢大卫。这很奇怪......我可以在开发人员工具中看到但它不存在于源代码中......也许这是因为我正在用JS添加？如果可以，请告诉我要修复它吗？我没有访问整个页面，只能看到头部底部的两个文件：lifevision.css和lifevision.js。谢谢！ – Nekto

通过开发人员工具，视口标签的行号是什么？也许我需要改变我的咖啡:) –

:)就在之后。请看截图：http://www.mediafire.com/view/wlmq2qmpw7xwpbi/fineart-dev-tools.jpg – Nekto

我会建议使用此meta标签：

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

具有“最大规模= 1”，用户将无法滚动，它通常被视为一种辅助的问题。让用户放大，如果他们需要。

至于媒体查询，我查看了你的CSS，但我没有看到任何媒体查询。你确定加载了这些查询的CSS文件吗？

2013-06-20 02:22:22 robtarr

谢谢你的建议，我会试验它。媒体查询显示在页面底部的“lifevision.css”文件中。我试图使用max-device-width而不是max-width，但这个规则被浏览器和智能手机忽略。所以我回到了最大宽度。 – Nekto

回答