自動ウェブアプリケーションの高さと幅のリサイズ

Question

私はウェブアプリケーションを開発しています。ズームインまたはズームアウトするたびに、ページ全体を塗りつぶすために3つのカラムdivのサイズを自動的に変更したいCTRL-と+正確jsfiddle.netなどで、ここで私はこの効果を作るために書かれたものですが、それは失敗しました：

HTML：

<div id="three_columns_container"> 
    <div id="first-column">...</div> 
    <div id="second-column">...</div> 
    <div id="third-column">...</div> 
</div> 

CSS：

#first-column{ 
    background:('slice.png'); 
    width: 15%; 
    height: 97%; 
} 
#second-column{ 
    background:('slice.png'); 
    width: 15%; 
    height: 97%; 
} 
#third-column{ 
    background:('slice.png'); 
    width: 70%; 
    height: 97%; 
} 

のJS：

$(window).resize(function(){ 
     $("#three_columns_container").height() = $(window).height * 0.97; 
     $("#three_columns_container").width() = $(window).width* 0.97; 
    }); 

このリンクは、問題の解決に役立つかもしれませんが、それは誰もが可変幅の使用のために、この

Answer 1

：

CSS

#firstColumn { 
    width: 15%; 
    height: 150px; 
    background: #1e3340; 
    float: left; 
} 
#secondColumn { 
    width: 70%; 
    height: 150px; 
    background: #305a5e; 
    float: left;  
} 
#thirdColumn { 
    width: 15%; 
    height: 150px; 
    background: #323e45; 
    float: left;  
} 

HTML

<div id="three_columns_container"> 
    <div id="firstColumn">...</div> 
    <div id="secondColumn">...</div> 
    <div id="thirdColumn">...</div> 
</div> 

JS

$(document).ready(function() { 
    var divRatio = {}; 
    setRatio('firstColumn'); 
    setRatio('secondColumn'); 
    setRatio('thirdColumn'); 
    $(window).resize(function() { 
     fixHeight('firstColumn'); 
     fixHeight('secondColumn'); 
     fixHeight('thirdColumn'); 
    }); 
    function setRatio(container) { 
     var selector = '#' + container; 
     divRatio[container] = $(selector).height()/$(selector).width(); 
    } 
    function fixHeight(container) { 
     var selector = '#' + container, 
      ratio = divRatio[container], 
      height = ratio * $(selector).width(); 
     $(selector).height(height);  
    } 
}); 

Answer 2

で私を助けることができる場合、私は思っていた正確な効果 link

がありません％年齢。固定使用ピクセルの場合に使用します。あなたが何を理解していないのですか？あなたがバックグラウンドピクチャもresizdする必要がある場合は、そのためのjsを書く必要があります。私はこれがあなたの問題の解決策だと思い