（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開發人員工具查看樣式可以在大小瀏覽器維度中應用於徽標））。