jquery - 动态调整页面大小

Question

我一直想知道如何使 Web 上的页面更加流畅和 100% 响应。所以我决定在我的网站代码中添加以下 jQuery 精灵粉。

$(window).resize(function(){
       $("div.content").css({
           minHeight : $(window).height() * 0.75
       });
});

// just to make sure it happens
$(function(){
       $(window).trigger("resize");
});

这是一个好主意吗？这里需要一些 HTML5 专家。

Answer 1

如果您只想将特定样式应用于某些窗口大小，那么CSS 媒体查询应该这样做。

Answer 2

媒体查询和百分比应该可以解决问题。

参考我的 jsfiddle 的例子：http: //jsfiddle.net/qu6Za/

媒体查询使其成为响应式设计，百分比使其在单个媒体查询中流动。