我可以使页面对桌面用户完全隐藏吗?

Question

基本上如标题所述。我想知道我是否可以以某种方式使页面完全对桌面用户隐藏。或者，如果他们确实尝试通过桌面访问它，它会重定向到其他地方。我只希望它仅适用于平板电脑/手机。

Answer 1

使用媒体查询，您可以根据用户的屏幕大小隐藏/显示。您可以隐藏内容，并在屏幕具有一定大小时显示弹出消息，例如，仅当屏幕宽度为 500px 时，.content 才会显示。

（要查看它的工作原理，请单击运行，然后单击整页，重新调整浏览器大小，它将隐藏/显示）

@media screen and (min-width: 500px) {
    .content {
        display: none;
   }
}

<div class="content">
<p>This is my website</p>
</div>

或者，如果您确实要删除内容，请使用此处显示的移动检查器 - 检测移动浏览器，如果它返回 false，请执行以下操作：

var content = document.getElementById("content");
content.remove(content);