在响应网格中改变图像



我希望创建一个具有不同大小图像的响应网格,类似于http://packery.metafizzy.co/而且还可以将这些图像交换出去。我发现了一些改变图像大小与正方形相同的东西,但希望能交换出不同大小的元素。类似于instagram的功能。

http://instagram.com/universityofwesternsydney

有这样的jquery插件吗?

您不需要jQuery来完成这项工作,因为它可以纯在CSS中完成。

使用引导程序

Bootstrap提供了一个网格系统来布局响应式设计。

此外,它还提供了一种使用其响应实用程序以特定屏幕宽度隐藏/显示元素(甚至图像)的方法

如果你不喜欢使用Bootstrap,那么你可以使用CSS @media{}查询来显示/隐藏特定大小的某些元素——Bootstrap基本上是这样做的,但它会打包以便于访问。做起来相当简单,不需要javascript/jQuery。

相关内容

  • 没有找到相关文章

最新更新