动态调整页面大小

Question

我一直想知道如何让网页上的网页更流畅，100％响应。所以我决定将以下几点jQuery pixie dust添加到我网站的代码中。

$(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 Media Queries应该这样做。

Answer 2

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

请参阅我的jsfiddle以获取示例：http://jsfiddle.net/qu6Za/

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