Javascript Sharepoint 2010中的response.js

我想为我的SP 2010网站执行一些媒体查询。因此，我希望我的问题能够通过response.js的js脚本得到解决。但是我不能让它工作

我应该注意到，由于我们母公司的政策，我无法使用SP designer，因此无法创建/修改母版页等，例如，将脚本链接放在页眉而不是正文中。我唯一的工具是在线编辑器，在这里我可以使用html并使用内容编辑器添加js/css

因此，在我的小项目中，我按以下顺序排列：

1个链接到css-loader.txt的内容编辑器

<link rel="stylesheet" type="text/css" href="/SiteAssets/Code/CSS-Homepage.css" />

但不知何故，我无法让它工作。我试过了

列表项通过放置window.onload函数来延迟js。 列表项最小宽度：600px vs.最小宽度：600px 列表项将媒体=屏幕添加到我的css-loader.txt文件 列出许多其他事情； 如果有人能帮我，或者至少给我一个好的方向的暗示，那将是非常有益的。感谢所有的努力

---

Grtz

代替：@media screen和最大宽度：600px{Filip{background color:006666；}}}@media screen和最小宽度：600px{Filip{background color:333300；}}尝试：@media screen和最大宽度：600px{Filip{background color:006666；}}@media screen和最大宽度：480px{Filip{background color:333300；}不幸的是，仅使用最大宽度并没有帮助。我这里的问题是，对于最小宽度和最大宽度查询，您都使用600px。我使用了最大宽度：900px和1200px，虽然这可能是解决方案的一部分，但它仍然不起作用，因为我已经在这件事上坚持了好几个小时了，所以与我一起思考这个问题；你能提供小提琴吗？

<div id="Filip"><h2>Filip de Clippel </h2></div>

@charset "utf-8";
@media screen and (max-width: 600px) { #Filip {background-color: #006666;}}
@media screen and (min-width: 600px) { #Filip {background-color: #333300;}}