我正在寻找一种方法来隐藏一个div时,用户正在使用移动设备,但没有一个响应式网站。谢谢!
发布于 2014-01-11 03:54:46
在你的css文件中
@media screen and (max-width: 800px){
#divid{
display: none;
}
}您仍然需要查看想要隐藏div的最大分辨率是多少
发布于 2014-01-11 03:54:21
您可以使用一点javascript来完成这项工作。
$(document).ready(function() {
if ($(window).width() < 640) {
$("#div").css("display", "none");
}
});发布于 2014-01-11 04:03:50
CSS或Javascript以及哪些设备?
使用CSS,您可以
<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/
https://stackoverflow.com/questions/21053203
复制相似问题