媒体查询无法在Windows服务器上运行

时间:2014-05-02 14:00:08

标签: html .net css3 twitter-bootstrap media-queries

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

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

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

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

2 个答案:

答案 0 :(得分:0)

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

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

希望这个能帮到你

答案 1 :(得分:0)

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