我一直在使用bootstrap 3和媒体查询开发静态HTML网站。通过简单的LAMP堆栈工作时效果很好。但是,我将完全相同的文件传递给我们的后端.NET人员并且媒体查询不起作用。所有代码都是相同的。我正在使用移动优先方法,并且只执行最后一个媒体查询。以下是我的媒体查询的结构。我已经尝试了所有可用的媒体查询语法,但仍然没有运气......
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
答案 0 :(得分:0)
在您的html文件中添加此元标记
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
希望这个能帮到你
答案 1 :(得分:0)
问题是由于我上一次媒体查询中隐藏的字符。我的文本编辑器没有拿起它,只是重写媒体查询和包含样式的情况。 Windows服务器比Apache更敏感。