Javascript函数调整窗口高度和宽度

Question

我有一个总高度为 1440 像素的 Bootstrap 网格，它混合了图像和文本面板。文本给了我真正的问题，媒体查询无法解决这个问题。我想创建一个函数，将整个 div 的大小调整一半高度和一半宽度，使其看起来像响应式的。例如内容缩小。有什么想法吗？

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

Answer 1

试试这个(我在没有 Bootstrap 的情况下做了这个例子):

https://jsfiddle.net/dkzmgbee/

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

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

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