javascript – jQuery动态调整div

前端之家收集整理的这篇文章主要介绍了javascript – jQuery动态调整div前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我正在使用twitter bootstrap v2.3在其CSS库中的媒体缩略图.你可以看到我在这里工作的内容http://beanstalkwebsolutions.com/portfolio-overview

这是我正在使用的jQuery:

基本上我的目标是因为每个缩略图都有不同的高度,我希望它们都是相同的高度,这个脚本在加载CSS时给予它们所有相同的最小高度,并且每次根据具有最大高度的缩略图调整屏幕大小.

我得到了所有这一切,但现在我无法弄清楚的问题是当你将屏幕拖动到更小/更大的尺寸并且最小高度变得非常大时,我没有代码来减小最小高度所以他们缩略图div看起来太大了.有没有人对我有任何代码建议,所以div都有相同的高度,但永远不会太大?

如果您设置高度css属性而不是min-height,则解决方案不适用于我的原始目标,因为文本段落最终会扩展到div之外.

最佳答案
在窗口调整大小时,您可以再次设置div的最小高度,如下所示: –

$( window ).resize(function() {
  if($( window ).height() < 300){
  $( "div" ).css({min-height: 300px});
 } else {
  $( "div" ).css({min-height: 600px});
 }
});
原文链接:https://www.f2er.com/html/426484.html

猜你在找的HTML相关文章