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

Question

我想为移动设备和桌面设备呈现我的第二个 HTML 页面。

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

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

编辑1 - 感谢您的回复。对此页面使用媒体查询很复杂。所以，我正在为移动网站设计一个新页面。问题是，从我的第一页开始，根据设备的宽度，我能否呈现这个不同的页面。我已经在存储库中为该页面创建了一个路由，并且 URL 已准备就绪。因此，根据宽度，点击第一页中的按钮，我应该去一个站点 X，如果它的宽度大于Xpx else 站点 Y。它很简单。我如何在 JS 中执行此操作？

Answer 1

看看Mobile Detect。

你可以这样使用它：

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

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

Render a different html page for requests from mobile device using only html css and js

html

javascript

css

jquery

responsiveness