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

Javascript function resize window height and width

本文关键字：高度 窗口 函数 调整 Javascript      更新时间：2023-09-26

我有一个引导网格，总高度为 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();

不确定我有你的问题。 但与其进入媒体查询地狱，不如尝试，

流量类型.jshttps://github.com/simplefocus/FlowType.JS?files=1

。如果只是文本大小没有调整到n度的情况，并且您依赖于使用javascript的用户。

还有其他一些库可以做类似的事情，（或者如果你必须的话，你自己做）

注意不要使这过于复杂...我不确切知道你的问题，但它比你想象的更简单吗？ 这是一个CSS问题还是JavaScript需要处理的问题？ （我只问你提到你的累）

相关文章：