0

我有这段代码，是一个样式切换器，可以@import根据分辨率更改 CSS。它在 Firefox 和 Chrome 中运行良好，但在 IE（IE7、IE8 和 IE9）中不适用。

我已经清除了 chaché，成功验证了我的 html。我不知道为什么它不起作用:(

相关HTML：

<!doctype html>
<!--Typical stuff, (<head>, <meta>, etc) here -->
<style type="text/css">@import url('css/MQ.css');</style>

Javascript：

$(document).ready(function() {

    function adjustStyle(width) {
        width = parseInt(width);
        if (width < 701) {
            $('style:contains("MQ")').text(function () {
            return $(this).text().replace(/\d*MQ\.css/, "400MQ.css");
            });
        } else if ((width >= 701) && (width < 900)) {
            $('style:contains("MQ")').text(function () {
            return $(this).text().replace(/\d*MQ\.css/, "800MQ.css");
            });         
        } else {
           $('style:contains("MQ")').text(function () {
            return $(this).text().replace(/\d*MQ\.css/, "MQ.css");
            });         
        }
    }

    $(function() {
        adjustStyle($(this).width());
        $(window).resize(function() {
            adjustStyle($(this).width());
        });
    });
});

（我不能使用媒体查询来完成这项工作，因为我的客户不想要 pollyfills。）

4

0 回答 0