Javascript 以特定屏幕分辨率隐藏标记

我想以1024 X 768或更低的屏幕分辨率隐藏以下代码：

<!-- 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？

试试这个

  $(window).width() for width AND
  $(window).height() for height 

 var your_width  = 1024;
 if($(window).width() > your_width)
  {
        //don't show
  }else{
       //show
  }

你必须使用

screen.height;
screen.width;

根据这些值，你可以计算出适合你的保证金。

$（窗口）.width（）和$（窗口）.height（）

给出的是浏览器窗口的宽度和高度，而不是分辨率

使用媒体查询

将代码包装在容器中：

<div id="container">
    <!-- 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 -->
</div>

---

实际上，媒体查询在小于9的internet explorer中不起作用。如果您只想操作这个元素，我建议使用jQuery方式

if ( $(window).width() <= 1024 && $(window).height() <= 768 )
  $('.addthis_toolbox').hide();

---

if（$（window）.width（）见：@karaxuna是CSS3（CSS媒体查询）与Win XP的IE版本兼容？您还可以使用的CSS3的媒体查询jQuery@Ankit它与IE版本>=9.0兼容。请参阅我在页面底部提供的链接中的完整浏览器兼容性信息。它是否与Win XP的IE版本兼容？是的，我有mac，但我刚刚在IE上检查过它，它工作正常，如果您遇到任何专业问题，请告诉我问题。IE8和更低版本不读取媒体查询，而且您不需要容器，您已经有了.addthis\u工具箱包装器
if ( $(window).width() <= 1024 && $(window).height() <= 768 )
  $('.addthis_toolbox').hide();