我最近偶然发现了奥巴马竞选活动中的这个微型网站：
http://www.barackobama.com/anniversary
这个网站的许多很酷的功能之一是它的动态标题——当你将浏览器窗口缩小时，顶部的“ OBAMA * BIDEN ”标志会自动浮动到标题的左侧，并且它的宽度变为 36px（从而“隐藏” “奥巴马拜登”文本）。
这个页面的开发者是如何实现这个效果的？这是 javascript/jquery 驱动的，还是纯粹的 CSS 技巧？
想法？
问问题
2919 次
1 回答
1
这个问题涵盖了window.resize事件。你可以在它的处理程序中做任何你需要的事情。
另一种选择是使用媒体查询，一旦浏览器窗口尺寸发生变化，您就可以更改应用的 CSS（这是您所指的网站所做的。它将样式类更改与动画结合起来（使用 Chrome 开发人员工具查看应用了哪些样式）到大小浏览器尺寸的徽标））。
于 2012-04-19T16:22:50.633 回答