javascript - Javascript函数调整窗口高度和宽度的大小

我有一个Bootstrap网格，其总高度为1440px，并且包含图像和文本面板。文字给了我真正的问题，媒体查询无法解决这个问题。我想制作一个函数，将整个div的大小调整为一半的高度和一半的宽度，使其看起来像是响应式的。例如，内容缩小。有任何想法吗？

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

最佳答案

试试这个（我没有引导程序就做例子）：

https://jsfiddle.net/dkzmgbee/

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

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

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

关于javascript - Javascript函数调整窗口高度和宽度的大小，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/36140987/