我该如何做类似的事情？

Question

我喜欢ZDnet左侧有社交分享按钮的方式（如果您的浏览器足够宽），但是当您缩小浏览器时，按钮会跳到文章中。

例子： http://www.zdnet.com/blog/btl/mcafee-threats-report-android-is-in-the-crosshairs/63813?tag=content;selector-blogs

有谁知道这是一个插件，我可以下载WordPress的？

如果不是，这在jQuery中容易吗？

Answer 1

这是通过调整窗口大小事件来完成的。如果你看源代码，#siu-horizontal开始不可见，但是当窗口变小时它就变得可见。使用jQuery，你可以做到这一点很简单：

$(window).resize(function() { 
    // Look the page width and show the right div 
}); 

Answer 2

你为什么不尝试使用媒体元素的大小，这样，如果浏览器的窗口太小，你做纵向一消失使用“显示：无”，水平出现使用“显示：块”

这里有一个简单的例子，让你开始：http://css-tricks.com/6206-resolution-specific-stylesheets/

写您的页面都在HTML，但只显示有一个或使用根据您的CSS浏览器的宽度其他媒体类型