Javascript işlevi Pencere yüksekliğini ve genişliğini yeniden boyutlandırma

Question

Toplam 1440 piksel yüksekliğinde bir önyükleme ızgarası var ve görüntülerin ve metinlerin bir karışımını içeriyor. Metin bana gerçek problemler veriyor ve medya sorunları bu sorunu çözemiyor. Tüm div'u yarım boy ve yarım genişliğe göre yeniden boyutlandıran bir işlev yapmak istiyorum, böylece yanıt veren gibi görünüyor. ör. içerik küçülür. Herhangi bir fikir?

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

Answer 1

deneyin (eğer yorgun belirtildiği gibi ben sadece isteyin) Bu (I bootstrap olmadan örnek yaptım): kodunuzu nerede

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

Sorunun doğru olduğundan emin değilim. Ama bunun yerine, medya sorgu cehennem denemede girmeden

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

... metnin onun sadece bir vaka hadde kadar boyutlandırma değil ve javascript kullanan kullanıcılar bağlı ise.

benzer bir şey yapmak birkaç diğer kütüphaneler vardır

bu overcomplicate için dikkatli olun (Gerekirse ya da cehennem kendiniz yapmak) ... i tam olarak sorununuzu biliyoruz ama daha öyle yok sandığından daha basit? Bu bir css problemi mi yoksa javascript ile uğraşması gereken bir şey mi?