仅使用 html css 和 js 为来自移动设备的请求呈现不同的 html 页面

Question

我想为移动设备和桌面设备以不同的方式呈现我的第二个 HTML 页面。

由于我的第二页有点复杂，所以我决定呈现两个不同的站点。

如何仅使用 HTML、CSS 和 JS 实现此目的？

Edit1 - 感谢您的回复。对此页面使用媒体查询很复杂。所以，我正在为移动网站设计一个新页面。问题是，从我的第一页开始，根据设备的宽度，我可以呈现这个不同的页面。我已经在存储库中为此页面创建了一个路由，并且 URL 已准备就绪。 因此，根据宽度，单击第一页中的按钮，如果它的宽度大于 Xpx 其他站点 Y，我应该转到站点 X . 直截了当。我如何在 JS 中做到这一点？

Answer 1

看看移动检测。

你可以这样使用它：

var md = new MobileDetect(window.navigator.userAgent);
if (md.mobile() || md.tablet()) {
    document.location.href = 'mobile-page.html';
}