ウィンドウサイズの取得と判定と処理

$(window).resize(function(){
    if ( $(window).width() <= 768) {
        $('#f-nav').css('text-align','left');
    } else {
        $('#f-nav').css('text-align','center');
    }
});

ウィンドウがリサイズされた時にウィンドウサイズを取得し、768px以下だった場合の処理と、条件に当てはまらなかった場合の処理。

liのdisplayをinline-blockに指定しておき、通常中央寄せ、2行になる場合左寄せにする時に使いました。
レスポンシブのサイトに幅広く利用できるかもー_( : 3 」∠)_

コメントを残す