媒体查询在 Windows 服务器上不起作用答案

【问题标题】：Media queries not working on windows server媒体查询在 Windows 服务器上不起作用
【发布时间】：2023-03-05 09:28:02
【问题描述】：

我一直在使用 bootstrap 3 和媒体查询开发一个静态 HTML 站点。通过一个简单的 LAMP 堆栈工作时效果很好。但是，我将完全相同的文件交给了我们的后端 .NET 人员，并且媒体查询不起作用。所有代码都是相同的。我正在使用移动优先方法，并且只执行最后一个媒体查询。以下是我的媒体查询的结构。我已经尝试了所有可用的媒体查询语法，但仍然没有运气......

@media (min-width: 768px) {}

@media (min-width: 992px) {}

@media (min-width: 1200px) {}

【问题讨论】：

你用的是什么浏览器？
我已经在所有浏览器中测试过了。已清除缓存。

标签： html .net css twitter-bootstrap media-queries

【解决方案1】：

问题是由于我上次媒体查询中的隐藏字符造成的。我的文本编辑器没有选择它，只是重写媒体查询和包含样式的情况。 Windows 服务器对此比 Apache 更敏感。

【讨论】：

【解决方案2】：

在您的 html 文件中添加此元标记

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

希望这篇文章能帮到你

【讨论】：