javascript - 删除检测窗口大小并添加自动高度？

Question

我目前正在尝试在我的网页上实现画廊，在这里可以看到。

http://tympanus.net/codrops/2013/03/19/thumbnail-grid-with-expanding-preview/

创建图库以便 jquery 检测窗口高度并创建一个扩展框，该框跨越缩略图下方的宽度。问题是这个设置的高度切断了我当前试图放入扩展预览中的信息​​。我怎样才能更改代码，以便该框根据内部元素展开。 (类似于 CSS 自动高度？)或者是否有其他选项可以让所有信息都被看到？

我试图做一个 jfiddle，但它不工作。

http://jsfiddle.net/sasmith/8FpQM/2/

function getWinSize() {
    winsize = { width : $window.width(), height : $window.height() };
}

Answer 1

好吧，在用这个 css 苦苦挣扎之后，这可能不是完美的解决方案，而且因为我没有太多时间阅读整个代码，只需修改以下内容，然后页面应该可以正常工作，正如我希望的那样。

打开basic.css文件，修改.og-expander类为:

.og-expander {
                position: absolute;
                background: #ddd;
                top: auto;
                left: 0;
                width: 100%;
                margin-top: 10px;
                text-align: left;
                height: auto !important;
                z-index:99;
                overflow: hidden;
            }

还将以下内容添加到 css 文件中:

.og-grid li.og-expanded
            {
                height:900px !important;
            }

我已经保存了修改后的文件，并上传到这里: https://www.mediafire.com/?y3ihnadu343dsui

请告诉我它是否适合你