Jquery 如何将媒体查询附加到<；风格>；标签？

我使用Skrollr制作视差动画，通过Skrollr.stylesheets，我可以使用视差关键帧，而不是内联编写它们

为了让插件对关键帧使用外部样式表，它使用AJAX搜索样式表，通过

导入。因此，你需要把你的网站放在某个地方，或者有一个本地服务器来查看那些正在运行的网站

为了在没有本地服务器的情况下在本地工作，最好的方法是将关键帧放在页面的

标题内的
标记中

但是，在移动设备上使用视差关键帧会对性能造成破坏。因此，我希望视差关键帧只在
最小宽度：40.063em
的设备上执行

太糟糕了，我不能在
标签上使用
@media查询

关键帧片段的示例：

        #slide-1 .bcg, #slide-3 .bcg, #slide-4 .bcg, #slide-5 .bcg, #portfolio .bcg, #meerPortfolio .bcg {
        -skrollr-animation-name:bg150pxUp;
    }

    @-skrollr-keyframes bg150pxUp {
        bottom {
            background-position:50% 0px;
        }

        top-bottom {
            background-position:50% -150px
        }
    }

谁知道如何使用媒体查询/将上述CSS关键帧加载到最小宽度视口至少为40.063 em的设备上，而不使用类似于
的东西

谢谢

如果有点难以理解，请道歉
您可以在
标签内使用
@media query

<style type="text/css">

@media all and (min-width: 40.063 em) { /* Change to whatever media query you require */


#slide-1 .bcg, #slide-3 .bcg, #slide-4 .bcg, #slide-5 .bcg, #portfolio .bcg, #meerPortfolio .bcg {
    -skrollr-animation-name:bg150pxUp;
}

@-skrollr-keyframes bg150pxUp {
    bottom {
        background-position:50% 0px;
    }

    top-bottom {
        background-position:50% -150px
    }
}
}

</style>


@媒体全部和（最小宽度：40.063 em）{/*更改为您需要的任何媒体查询*/
#幻灯片1.卡介苗，#幻灯片3.卡介苗，#幻灯片4.卡介苗，#幻灯片5.卡介苗，#投资组合.卡介苗，#meerPortfolio.卡介苗{
-skrollr动画名称：bg150pxUp；
}
@-skrollr关键帧bg150pxUp{
底部{
背景位置：50%0px；
}
上下{
背景位置：50%-150px
}
}
}
您不能在样式标签中使用媒体查询吗？请参阅我对下面答案的评论。谢谢奇怪的是，这不起作用。在这两种设备上，样式都与需求相同，而不是（因此桌面和移动设备）附加样式。我正在快速洗澡，我会测试一些东西，然后报告。但据我所知，它不工作，因为来自skrollr关键帧的@语句..不，无法验证它是否工作。网站保持不变，没有视差。当我删除@media行时，一切都恢复正常。您完全可以在
中的
标记中使用CSS媒体查询-你的问题可能是因为这里的冲突。我也有同样的问题。需要一个基于计算高度的媒体查询样式，所以我使用javascript生成CSS。但该样式不适用。如果我删除@media，它可以正常工作。两年前你能解决这个问题吗？