javascript - 缩小/缩小网站的可见区域

Question

我正在尝试仅在网站的可见区域实现缩小/放大(浏览器)，就像网站 http://halfcreative.themes.bitfade.com/ .当您缩小或放大时，只有可见区域会放大或缩小。我用谷歌搜索但没有找到答案。知道如何做到这一点吗？

Answer 1

你是说这个效果？查看DEMO http://jsfiddle.net/bJnCV/

HTML

<div id="home">
    <h1>Site Name</h1>
    <p>This is slogan</p>
</div>

JQUERY

$(document).ready(function(){
    $('#home').css({'width':$(window).width(),'height':$(window).height()});    
});
$(window).resize(function() {
    $('#home').css({'width':$(window).width(),'height':$(window).height()});
});