（CSS）更改元素的风格调整

Question

我最近在从奥巴马竞选这个微型跌跌撞撞：

http://www.barackobama.com/anniversary

在这个网站的许多很酷的功能是它的动态标题 - 当你调整你的浏览器窗口变小，“OBAMA * BIDEN”徽标向上自动漂浮到标题左侧，其宽度变为36px（从而“隐藏”OBAMA BIDEN文本）。

此页面的开发人员是如何实现这种效果的？这是JavaScript/jQuery驱动，或纯粹是一个CSS技巧？

想法？

Answer 1

This question涵盖了window.resize事件。你可以在其处理程序中做任何你需要的。

另一种选择是使用media queries，它允许您在浏览器窗口尺寸更改后更改应用的CSS（这是您引用的网站的作用）。它将样式类更改与动画组合在一起（使用Chrome开发人员工具查看样式可以在大小浏览器维度中应用于徽标））。