我正在使用twitter bootstrap v2.3在其CSS库中的媒体缩略图.你可以看到我在这里工作的内容:http://beanstalkwebsolutions.com/portfolio-overview
这是我正在使用的jQuery:
基本上我的目标是因为每个缩略图都有不同的高度,我希望它们都是相同的高度,这个脚本在加载CSS时给予它们所有相同的最小高度,并且每次根据具有最大高度的缩略图调整屏幕大小.
我得到了所有这一切,但现在我无法弄清楚的问题是当你将屏幕拖动到更小/更大的尺寸并且最小高度变得非常大时,我没有代码来减小最小高度所以他们缩略图div看起来太大了.有没有人对我有任何代码建议,所以div都有相同的高度,但永远不会太大?
如果您设置高度css属性而不是min-height,则解决方案不适用于我的原始目标,因为文本段落最终会扩展到div之外.
最佳答案
在窗口调整大小时,您可以再次设置div的最小高度,如下所示: –
原文链接:https://www.f2er.com/html/426484.html$( window ).resize(function() {
if($( window ).height() < 300){
$( "div" ).css({min-height: 300px});
} else {
$( "div" ).css({min-height: 600px});
}
});