0

現在、レスポンシブデザインのサイト構築に取り組んでいます。その一環として、ユーザーがモバイル デバイスを使用して Web サイトにアクセスした場合に、以下のコードが実行されないようにする必要があります。どうすればそれを達成できますか？

コード：

var leftHeight = $("#sidebar").height();
var rightHeight = $("#main").height();
if (leftHeight > rightHeight){ $("#main").height(leftHeight)}
else{ $("#sidebar").height(rightHeight+25)};

function equalHeight() {
    var heightArray = $("#footer>div.box").map(function () {
        return $(this).height();
    }).get();

    var maxHeight = Math.max.apply(Math, heightArray);
    $("#footer>div.box").height(maxHeight);
}
equalHeight();
4

1 に答える 1

-1

私は解決策を見つけたと思います：

if (document.documentElement.clientWidth < 980 ) {
    $("#sidebar").height("auto");
    $("#footer .box").height("auto");
}
于 2013-06-19T14:25:11.327 に答える