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

...如果只是一个文本没有调整到第n度的情况，你依赖于使用javascript的用户。

还有一些其他库可以做类似的事情，（如果必须，还是自己动手做）

小心不要过度复杂化......我完全不知道你的问题，但它比你认为的更简单吗？这是一个CSS问题或javascript需要处理的东西？（我只问你提到你累了）

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

2 个答案: