响应式缩略图模式框

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的目的不是外包您的工作，而是帮助您自己找到解决方案：）

希望这可以帮助你重回正轨。