我可以将页面完全隐藏在桌面用户之外吗?

时间:2017-10-19 16:12:50

标签: html css

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

1 个答案:

答案 0 :(得分:3)

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

(要查看它的工作原理,点击运行,然后点击整页,重新调整浏览器的大小,它会隐藏/显示)



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

<div class="content">
<p>This is my website</p>
</div>
&#13;
&#13;
&#13;

或者,如果您确实要删除内容,请使用此处显示的移动检查器 - Detecting a mobile browser,如果返回false,请执行以下操作:

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