使用某些瀏覽器查看時加載網站的移動版本

Question

我的網站的移動版本是否可以基於瀏覽器加載。 Chrome對我在網站上產生的某些效果反應不佳，並且想知道是否可以加載簡化的移動版本。 提前致謝。

Answer 1

您可以使用Window.matchMedia（media query）：

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