javascript - 狭い画面のメニュー項目名の短縮

Question

ブラウザー ウィンドウが狭くなったときに、ナビゲーション メニュー項目の名前を短くするにはどうすればよいでしょうか? それは CSS メディア クエリで可能ですか、それとも JavaScript を使用する必要がありますか?

smashingmagazine.com にこの例があります。ブラウザウィンドウが十分に狭くなると、メニュー項目「WORDPRESS」は「WP」に短縮されます。