我一直在使用 bootstrap 3 和媒体查询开发静态 HTML 站点。通过简单的 LAMP 堆栈工作时,它工作正常。但是,我将完全相同的文件交给了我们的后端 .NET 人员,但媒体查询不起作用。所有代码都是相同的。我使用的是移动优先方法,并且只执行最后一个媒体查询。以下是我的媒体查询的结构。我已经尝试了媒体查询的所有可用语法,但仍然没有运气......
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
最佳答案
在您的 html 文件中添加此元标记
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
希望对你有帮助
关于html - 媒体查询不适用于 Windows 服务器,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23430002/