有人可以帮我让“响应式缩略图模式框”工作吗?
Code so far:
它应该有:
2行,每行5张
动态高度:自动
宽度:屏幕的 75%
始终停留在屏幕的绝对中心
调整大小时保持纵横比(响应式)
我会很感激只使用 css 的方式,但 jquery 也可以。
有人可以帮我让“响应式缩略图模式框”工作吗?
Code so far:
它应该有:
2行,每行5张
动态高度:自动
宽度:屏幕的 75%
始终停留在屏幕的绝对中心
调整大小时保持纵横比(响应式)
我会很感激只使用 css 的方式,但 jquery 也可以。
对基本结构进行了一些快速更改,以使您开始走上正轨。
Code:
http://jsfiddle.net/purplenurple/YCcNY/29/
有很多不必要的 CSS。始终注意不要使事情过于复杂。CSS 有时就是这样,你认为你需要添加一些东西来解决问题,但实际上你需要删除最初并不明显的问题。
注意:没有 JavaScript 就不可能垂直居中,因为模态框和它的容器都没有固定的高度。您必须通过脚本获取高度并相应地设置框的位置。
我没有为您实现任何 JavaScript,因为 StackOverflow 的目的不是外包您的工作,而是帮助您自己找到解决方案:)
希望这可以帮助您回到正轨。