Javascript関数のサイズ変更ウィンドウの高さと幅

Question

合計1440ピクセルの高さのブートストラップグリッドがあり、画像とテキストパネルが混在しています。このテキストは私に本当の問題をもたらしており、メディアクエリーはこの問題を解決できません。私は半分の高さと半分の幅で全体のdivのサイズを変更する関数を作って、応答性のように見せたいと思っています。例えば、コンテンツは縮小する。何か案は？

<script> 
    $(function() { 
     var $gridRow = $('.grid-row'); 
     $(window).resize(function() { 
      $gridRow.height($gridRow.width()/2); 
     }); 
    }) 
</script> 

Answer 1

は試してみてください（あなたがあなたの疲れ述べたように私は聞いて）この（私はブートストラップなしの一例をしました）：あなたのコードがどこに

https://jsfiddle.net/dkzmgbee/

var $gridRow = $('.example'); 

function resizeHeight() { 
    var cw = $gridRow.width()/2; 
    $gridRow.css({'height':cw+'px'}); 
} 

$(window).resize(resizeHeight); 
resizeHeight(); 

Answer 2

あなたの質問が正しいかどうかわかりません。しかし、代わりには、テキストだけの場合は、n番目程度にリサイズない、あなたはJavaScriptを使用して、ユーザーに応じている場合は...メディアクエリ地獄トライ、

flowtype.js https://github.com/simplefocus/FlowType.JS?files=1

に入るの。

他のいくつかの類似した何かをライブラリ（または地獄は、あなたがしなければならない場合は、それを自分で行う）があり

がこれをovercomplicateないように注意してください...私は正確にあなたの問題を知らないが、それはもっとありますそれはあなたが思うより簡単ですか？これはCSSの問題か、JavaScriptが対処する必要があるのでしょうか？