在投资组合中自动调整照片的大小

时间:2019-06-13 10:05:09

标签: html css

我正在尝试创建一个网站作为平面设计师朋友的投资组合。我希望能够像在此网站https://victorthemes.com/themes/fraxos/home-version-two/

上那样导入不同尺寸的图片

我尝试使用引导程序复制设计,但在这种情况下,列系统无法正常工作。

进一步检查后,我发现位置“顶部”和“左侧”会根据窗口大小自动移动。

我想知道是否有人可以告知我如何获得该结果,插件,模板,JS或JQuery ...,如果有人举个例子,我将不胜感激。

我正在寻找模板-包括WordPress模板-但我找不到我想要的东西。

2 个答案:

答案 0 :(得分:0)

您显示的网站也可能是用 grid 插件创建的,就像在这里找到的那​​样:

http://gridstackjs.com/

但是,根据您所说的“不同照片尺寸”,您可能正在寻找所谓的“砌体布局”。检查以下包含示例的插件链接:

https://masonry.desandro.com/

答案 1 :(得分:0)

您可以将UIkit用于您的框架-它内置有砖石样式网格。

https://getuikit.com/docs/grid