媒体查询断裂部位

我有一个引导旋转木马我部署到网站代码。它适用于大型设备，但我想添加媒体查询以针对移动设备进行优化。媒体查询断裂部位

但是，每当我添加了一个媒体查询的样式表，我得到一个运行时错误和站点中断。

我使用一把umbraco和这个圆盘传送带是一个局部视图。当我添加一个空白查询，如

@media screen and (max-width:480px) { 
    body { 
    color: red; 
    } 
}

我得到运行时错误，有什么可能是问题？

谢谢

来源

2016-11-28 ma18

请发表**最小工作示例**你的代码（HTML/CSS/JS）在[片段]（https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css -and-HTML的代码段/）。参见[mcve]和[问]。 – vanburen

我添加了一个代码示例 – ma18

你是混合JavaScript警告一个CSS媒体查询。您应该将CSS放入媒体查询中以更改样式，或通过Javascript测量窗口宽度以基于此来提醒某些事情。为您测试的工作媒体查询将为： @media screen and（max-width：480px）{color：red！important;} } –

如果将其更改为此，它是否工作正常？

@@media screen and (max-width:480px) { 
    body { 
    color: red; 
    } 
}

来源

2016-12-01 20:44:23

因为你的CSS是在你的视图中的代码中，你正在使用@media，你必须逃脱@，通过添加附加@。所以，你的代码更改

@@media screen and (max-width:480px)

当使用@编译器认为你写的代码剃刀，它只是错误，因为它无法弄清楚什么@media应该是，因为没有与定义的变量及其名称。我希望这是有道理的。

来源

2017-01-27 01:56:22 Mikkel

媒体查询断裂部位

回答

相关问题