在特定屏幕分辨率下隐藏标签
在特定屏幕分辨率下隐藏标签
提问于 2013-06-05 14:12:16
我想在1024X768或更低的屏幕分辨率下隐藏以下代码：
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
</div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ankitnagpal"></script>
<!-- AddThis Button END -->我该怎么做呢？请分享一些代码或参考资料。分辨率较低的用户通常使用Win XP。因此，请查看该解决方案是否与Win XP的IE版本兼容。
哪种技术可以做到这一点？是Javascript，CSS还是jQuery？
回答 4
Stack Overflow用户
回答已采纳
发布于 2013-06-05 15:04:54
实际上，小于9的媒体查询在internet explorer中是不起作用的。如果你只想操作这个元素，我建议使用jQuery方式。
if ( $(window).width() <= 1024 && $(window).height() <= 768 )
$('.addthis_toolbox').hide();实际上，它并没有做什么特别的事情。当然，您可以使用
$(window).on('resize', function(){ ... });
如果你想用你的代码做一些其他神奇的事情，但我所理解的是，你不需要。如果你有更多的元素需要修改，我建议你使用css media queries，并且为了与“棒极了”的IE兼容，你可以使用respond.js。
Stack Overflow用户
发布于 2013-06-05 14:18:47
尝尝这个
$(window).width() for width AND
$(window).height() for height
var your_width = 1024;
if($(window).width() > your_width)
{
//don't show
}else{
//show
}Stack Overflow用户
发布于 2013-06-05 14:27:46
你必须使用
screen.height;
screen.width;根据这些值，你可以计算出适合你的保证金。$(window).width() & $(window).height()给出的是浏览器窗口的宽度和高度，而不是分辨率
Example here
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/16932740
复制相关文章
相似问题
腾讯云开发者
