jquery - 响应式缩略图模态框

Question

有人可以帮我让“响应式缩略图模式框”工作吗？

Code so far:

http://jsfiddle.net/YCcNY/1/

它应该有：

• 2行，每行5张

• 动态高度：自动

• 宽度：屏幕的 75%

• 始终停留在屏幕的绝对中心

• 调整大小时保持纵横比（响应式）

我会很感激只使用 css 的方式，但 jquery 也可以。

Answer 1

对基本结构进行了一些快速更改，以使您开始走上正轨。

Code:

http://jsfiddle.net/purplenurple/YCcNY/29/

有很多不必要的 CSS。始终注意不要使事情过于复杂。CSS 有时就是这样，你认为你需要添加一些东西来解决问题，但实际上你需要删除最初并不明显的问题。

注意：没有 JavaScript 就不可能垂直居中，因为模态框和它的容器都没有固定的高度。您必须通过脚本获取高度并相应地设置框的位置。

我没有为您实现任何 JavaScript，因为 StackOverflow 的目的不是外包您的工作，而是帮助您自己找到解决方案:)

希望这可以帮助您回到正轨。