0

ビューアが大きな画面 (高さ 750px 以上) を使用している限り、見栄えの良いポップアップ ウィンドウがあります。ラップトップで閲覧している人々のために、重要なコンテンツを押し上げる (そして消耗品であるタイトルとイントロ情報を覆い隠す) CSS セレクターを追加したいと考えています。body タグを -180 px 上げるのが最も簡単な方法だと思いました。

jQuery での最初のショットとしては良い仕事だと思いましたが、うまく動作しないようです。私はもう試した：

if($(window).height() <= 650)
   $(body).css("margin-top","-180px");

そしてまた

$(document).ready(function() {
    if ($(window).height() < 670) {
        $("body").css('margin-top', '-180px');
    }
    else {
        $("body").css('margin-top', '0px');
    }
});​

しかし、どちらも機能していないようです。現在のウィンドウの高さに基づいてボディのスタイルを変更するにはどうすればよいですか?

4

1 に答える 1

3

メディア クエリを使用して、さまざまなバージョンやスタイルを提供するだけです。

@media only screen 
and (max-height: 650px) {
    /* Styles */
}
于 2012-12-10T19:03:29.727 に答える