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

Не уверен, что у меня есть вопрос правильно. Но вместо того, чтобы идти в медиа запросов ад попробовать,

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

... Если его просто случай текста не изменение размера в энной степени и вы в зависимости от пользователей, использующих JavaScript.

Есть несколько других библиотек, которые делают что-то подобное, (или ад сделать это самостоятельно, если вы должны)

Будьте осторожны, чтобы не усложнять это ... я не знаю, ваш вопрос точно, но это более просто, как вы думаете, это так? это проблема css или что-то, с чем должен работать javascript? (Я только спросить, как вы упомянули ваша усталость)