首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >有没有办法在无响应的站点上隐藏移动视图中的div?

有没有办法在无响应的站点上隐藏移动视图中的div?
EN

Stack Overflow用户
提问于 2014-01-11 03:49:38
回答 3查看 83关注 0票数 0

我正在寻找一种方法来隐藏一个div时,用户正在使用移动设备,但没有一个响应式网站。谢谢!

EN

回答 3

Stack Overflow用户

发布于 2014-01-11 03:54:46

在你的css文件中

代码语言:javascript
运行
复制
@media screen and (max-width: 800px){
    #divid{
       display: none;
    }
}

您仍然需要查看想要隐藏div的最大分辨率是多少

票数 1
EN

Stack Overflow用户

发布于 2014-01-11 03:54:21

您可以使用一点javascript来完成这项工作。

代码语言:javascript
运行
复制
$(document).ready(function() {
    if ($(window).width() < 640) {
        $("#div").css("display", "none");
    }
});
票数 0
EN

Stack Overflow用户

发布于 2014-01-11 04:03:50

CSS或Javascript以及哪些设备?

使用CSS,您可以

代码语言:javascript
运行
复制
<link rel="stylesheet" type="text/css" href="mobile.css" media="handheld">

在你的网站上使用一个mobile.css,并在其中隐藏一个div。但是,人们将浏览器下载到他们的设备上,使得判断你是否在移动设备上变得更加复杂。我认为firefox在这个特定的代码上有问题。

有关媒体手持设备的信息,请参阅此处http://www.w3.org/TR/CSS2/media.html

有关更多媒体参考信息,请单击此处http://reference.sitepoint.com/css/mediaqueries

一个开源的移动检测站点在这里http://detectmobilebrowsers.com/

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/21053203

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档