Javascript 网站响应脚本

我正在寻找正确的脚本，以使我的桌面网站移动响应。
目前，我的网站在移动设备上得到认可，并指向移动网站版本。
我想要实现的是，当您缩小（收缩）浏览器窗口，使其响应时，在桌面浏览器窗口上将我的整个站点重定向/切换到我的移动站点的正确脚本。 以下是我当前的移动重定向脚本：

var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
if (mobile) {    
    document.location = "my-mobile-site.html";    
}

以下是我想到的，但显然不起作用：

var screen = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));

if (screen.width <= 699) {          
    document.location = "my-mobile-site.html";
}

var screen=（/iphone | ipad | ipod | android | blackberry | mini | windows\sce | palm/i.test（navigator.userAgent.toLowerCase（））；
如果（screen.width我对您的代码的理解是，您希望在检测到移动设备时进行标识，因此，screen是一个布尔值

if (screen) {          
    document.location = "my-mobile-site.html";
}

为什么返回html位置？相反，返回css文件和其他属性

if (screen) {
    document.location = "styles.css";
}

styles.css

@media screen and (max-width: 699px) {
    // here add your styles
}

如果我错了，很抱歉，我从未尝试过创建移动版本。我希望这会有所帮助；）
当您根据设备提供不同的内容时，这不再被视为响应性设计

您试图做的是重定向到另一个页面，在前端处理它是一种非常糟糕的做法：

应该从后端检测重定向，并根据用户代理进行管理，而不是屏幕大小。

重定向到移动版本的站点是否会使站点响应？如果桌面用户调整了浏览器的大小，为什么要重定向到移动站点？很明显，它们不在移动设备上，在您第二次尝试时，
screen
是一个布尔值，它没有宽度。。。