jQuery Masonry の Web サイトには、ビヨンセの Web サイトがショーケースに含まれています。
しかし、彼女が自動サイズ変更効果をどのように達成したかは示されていません。私は prettifier を通して彼女のコードを実行しましたが、それでも非常に乱雑に見えます:
function resize() {
1024 < $(window).width() ? 0 == headerNavOpen && $("#header").css({left:-$(window).width()}) : 0 == headerNavOpen && $("#header").css({left:-1024});
$(".index .post.video").css({width:"33.2%", height:0.332 * $("#container").width() / 1.778})
}
同じ効果を達成する簡単な方法を知っている人はいますか?
基本的なセットアップのフィドルは次のとおりです。http://jsfiddle.net/CfsEb/