根據窗口高度添加CSS

只要查看器使用大屏幕（超過750px高），我就會彈出一個窗口，看起來很棒。我想添加一個CSS選擇器來推出用於在筆記本電腦上觀看的人的重要內容（並且隱藏標題和介紹信息，這是消耗性的）。我認爲最簡單的方法是將身體標記提高到-180像素。根據窗口高度添加CSS

我認爲這將是一個很好的工作，我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'); 
    } 
});

但既不似乎工作。如何根據當前窗口高度更改主體樣式？

來源

2012-12-10 Kevin Fisher

你應該使用媒體查詢 – SLaks

不能設置上邊距爲「-180px」據我知道...你必須得到當前的高度，從中減去180，然後再傳回。但我同意媒體查詢可能是要走的路（Skeleton CSS可能是一個很好的資源）。 – AlexMA

我沒有看到問題：http://jsfiddle.net/YhZG4/ – Shmiddty

只需使用媒體查詢就可以提供不同版本或樣式：

@media only screen 
and (max-height: 650px) { 
    /* Styles */ 
}

來源

2012-12-10 19:03:29 BenM

根據窗口高度添加CSS

回答

相關問題