Mobile 媒体查询不'；我不能在Android和iPhone上工作

我正在努力使一个网站在智能手机和平板电脑上具有响应性和良好的外观

以下是此网站的链接：

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

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

我尝试使用

最大设备宽度

并添加了

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

到该部分，但没有成功：(

你能帮我解决这个问题吗？我真的很坚持，需要你的帮助

---

提前谢谢！

我没有在页面头部看到viewport meta标记--我是否遗漏了什么？

我建议使用此meta标记：

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

“最大比例=1”将阻止用户滚动，这通常被视为一个可访问性问题。如果用户需要，让用户缩放

---

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

谢谢David。很奇怪……我可以看到在开发者工具中，但它没有出现在源代码中…也许这是因为我添加了JS？如果是，请告诉我如何修复它？我没有访问整个页面，只有标题部分底部的两个文件：lifevision.css和lifevision.JS。谢谢！通过开发者工具，视图的行号是多少港口标签？也许我需要换一下我的咖啡：）：）之后。请看一个截图：它添加了JS。大卫，你能告诉我你在页面底部看到两个附件了吗：lifevision.js和lifevision.css？我只是注意到我可以在Chrome上看到它们，但在Firefox上看不到：（这很奇怪……我快疯了……对不起，似乎我需要在网站地址中添加一些特殊参数来加载这些脚本。啊……：）谢谢大家的帮助，尤其是大卫！；）谢谢你的建议，我来试试。媒体查询显示在页面底部的“lifevision.css”文件中。我尝试使用最大设备宽度而不是最大宽度，但浏览器和智能手机都忽略了这一规则。所以我回到了最大宽度。