检测现场呼叫的移动视图

Question

有没有办法检测网站是否在移动模式下观看？这意味着视图本身的移动版本。例如，用户从浏览器的菜单中调用Request desktop version后，这应该会更改。这是我想要处理的属性。

Answer 1

  

我的网站还没有很好地适用于移动设备，现在，我想告诉用户。像'是的，我知道我的网站在你的手机上看起来很难看，但如果你切换到桌面视图，你可以更好地完成你的工作

通常的方法是使用媒体查询来检查屏幕大小;如果它低于某个值，则使“this layout sucks”按钮可见。

.switchToDesktopButton {display:none}
@media screen and (max-width: 480px) {
    /* we're on mobile */
    .switchToDesktopButton {display:block}
}