【发布时间】：2011-11-21 05:37:57
【问题描述】：
我喜欢 ZDnet 在左侧的社交分享按钮（如果您的浏览器足够宽的话），但是当您缩小浏览器时，这些按钮会跳转到文章中。
有人知道这是否是我可以为 Wordpress 下载的插件吗？
如果不是，这在 jQuery 中容易做到吗？
【问题讨论】：
标签： jquery jquery-plugins wordpress
【发布时间】：2011-11-21 05:37:57
【问题描述】：
这是通过窗口的 on resize 事件来完成的。如果您查看源代码，#siu-horizontal 开始时是不可见的，但是当窗口变小时它变得可见。使用jQuery，您可以很容易地做到这一点：
$(window).resize(function() {
// Look the page width and show the right div
});
【讨论】：
您为什么不尝试使用媒体元素大小，这样如果浏览器的窗口太小，您可以使用“display: none”使垂直窗口消失，而使用“display:block”使水平窗口消失
下面是一个简短的示例，可以帮助您入门：http://css-tricks.com/6206-resolution-specific-stylesheets/
将您的页面编写为 html 格式，但仅根据您的 CSS 中的浏览器宽度使用 media-type 显示其中一个
【讨论】：
-
这样你就不用担心 JQuery 或任何事情了。它纯粹是 CSS。