html - 我可以让桌面用户完全隐藏页面吗?

标签 html css

<分区>


想改进这个问题吗? 通过 editing this post 添加细节并澄清问题.

关闭 5 年前

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

最佳答案

使用媒体查询,您可以根据用户的屏幕大小隐藏/显示。您可以隐藏内容并在他们的屏幕具有特定尺寸时显示弹出消息,例如,.content 仅在屏幕宽度为 500 像素时才会显示。

(要查看它是否有效,请单击“运行”,然后单击“整页”,重新调整浏览器大小,它将隐藏/显示)

@media screen and (min-width: 500px) {
    .content {
        display: none;
   }
}
<div class="content">
<p>This is my website</p>
</div>

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

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

关于html - 我可以让桌面用户完全隐藏页面吗?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46834393/

上一篇:CSS在父悬停时更改子元素字体颜色

下一篇:css - 如何在多个 ID 或类上应用 CSS 元素属性

相关文章:

php - 博客的结构应该是怎样的?

html - 在列表下用 HTML/CSS 制作一条垂直线

jquery - 悬停开始一个简单的幻灯片

jquery - 相对于父级的绝对定位

html - 容器全高菜单

javascript - 关联图像未在缩略图列表中放大

javascript - 在不加载新页面的情况下更改 url

html - 如何让这个 search-results-div 显示在内容之上,而不干扰附近的 float 元素?

html - 使用 CSS 对 div 应用可见性效果

javascript - 如何循环图像