我遇到了以下问题 - 我正在使用一个简单的 JS 代码来动态替换 CSS 文件,具体取决于浏览器窗口的大小。它看起来像这样:
<script type="text/javascript">
//<![CDATA[
<!--
function adjustStyle(width) {
width = parseInt(width);
if (width < 701) {
$("#size-stylesheet").attr("href", "narrow.css");
} else if ((width >= 701) && (width < 1120)) {
$("#size-stylesheet").attr("href", "medium.css");
} else {
$("#size-stylesheet").attr("href", "wide.css");
}
}
$(function() {
adjustStyle($(this).width());
$(window).resize(function() {
adjustStyle($(this).width());
});
});
-->
//]]>
</script>
但是,除此之外 - 我还使用 LESS.CSS ( http://lesscss.org/ )。好吧,这两者不能很好地协同工作 - 据我了解,使用 LESS,CSS 嵌入到 HTML 文档本身中,因此不会替换 CSS 文件。有什么办法让它工作吗?或者也许是更好的方法?