在使用某些浏览器查看时加载移动版网站

Question

是否可以根据浏览器加载我的网站的移动版本。 Chrome对我网站上的某些效果没有很好的反应，并且想知道我是否可以加载我的简化移动版本。提前谢谢。

Answer 1

您可以使用Window.matchMedia（媒体查询）：

if (window.matchMedia("(max-width: 500px)").matches) {
    /* The viewport is less than, or equal to, 500 pixels wide */
} else {
    /* The viewport is greater than 500 pixels wide */
}

https://developer.mozilla.org/en-US/docs/Web/API/Window/matchMedia