有没有办法在非响应式网站上隐藏移动视图中的div?

时间:2014-01-10 19:49:38

标签: html mobile hide

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

3 个答案:

答案 0 :(得分:1)

在你的css文件中

@media screen and (max-width: 800px){
    #divid{
       display: none;
    }
}

你仍然需要看看你想要隐藏div的最大分辨率是什么

答案 1 :(得分:0)

你可以通过一些javascript实现这一点

$(document).ready(function() {
    if ($(window).width() < 640) {
        $("#div").css("display", "none");
    }
});

答案 2 :(得分:0)

CSS或Javascript以及哪些设备?

使用CSS你可以

<link rel="stylesheet" type="text/css" href="mobile.css" media="handheld">

在您的网站上使用mobile.css并隐藏该CSS中的div。但是,将浏览器下载到他们的设备的人们开始确定你是否在移动设备上更复杂。我认为firefox的特定代码存在问题。

对媒体掌上电脑的反对是http://www.w3.org/TR/CSS2/media.html

此处提供了更多媒体参考资料http://reference.sitepoint.com/css/mediaqueries

开源移动检测网站位于http://detectmobilebrowsers.com/