javascript - 在网页上调整StyleSheet的大小

我有这个脚本几乎100%的地方我想要它，但我只是不能让它停止闪烁时，窗口大小超过865px。
我基本上建立了它，当窗口超过一定大小时，我的网站的风格从移动改变为桌面。在很大程度上，我是用这个网站上提出的其他问题来构建它的，但我就是无法完成它。
JavaScript代码：

$(window).on("resize", function() {
    if ($(this).width() > 865) {
        if (x != 'Desktop') {
            var x = 'Desktop';
            $('head link[rel=stylesheet]').remove();
            $('head').append('<link rel="stylesheet" href="/IIS/_Stylesheets/HTMLPageReset.css" type="text/css" />');
            $('head').append('<link rel="stylesheet" href="/IIS/GRCAWebsite/_Stylesheets/GRCANew2015.css" type="text/css" />');
        }
    }
    if ($(this).width() < 865) {
        if (x != 'Mobile') {
            var x = 'Mobile';
            $('head link[rel=stylesheet]').remove();
            $('head').append('<link rel="stylesheet" href="/IIS/_Stylesheets/HTMLPageReset.css" type="text/css" />');
            $('head').append('<link rel="stylesheet" href="/IIS/GRCAWebsite/_Stylesheets/GRCANew2015_Mobile.css" type="text/css" />');
        }
    }
});

它在mobile视图中工作得很好，但是在desktop视图中，每当窗口重新调整大小时，页面都会不断地重新加载脚本。我想这和我的x变量有关，但是
我也给JQuery打电话。

最佳答案

既然你告诉浏览器在865px以下做一些事情，而在865px以上做一些其他事情，你的问题很可能是你忘记了孤独的865px本身。试着像这样调整一个或另一个
if ($(this).width() > 864)或if ($(this).width() < 866)
这样865px就会被捕获。