繁体   English   中英

响应图像网格上的动态高度?

[英]Dynamic Height on Responsive Image Grid?

我的产品带有“网格”图像,我希望这些图像能够快速响应。 如您所见,在“移动视图”中,图像可以很好地显示并且看起来还不错,但是在桌面上,当它们在水平方向上变大时,高度会被裁剪得太多,因此很多图像都将丢失。

以下是该网站查看移动设备尺寸的方式:

流动检视

和台式机尺寸:

桌面检视

我有办法让高度也增加,同时又使它们保持“齐平”并处于网格状吗? 不知道为什么我觉得这很棘手!

该站点是: 这里

然后,最简单(也许唯一)的方法是继续使用固定高度,但要使用媒体查询。 这意味着您可以根据自己的屏幕宽度来更改链接的高度。 这是有道理的,因为您将始终具有1、2、3或4列,因此很容易对每种情况进行所需高度的粗略估计。

我刚刚在Photoshop中手动调整了所有图像的大小,以使其暂时正常工作,因此该站点将不再显示此问题。

只需运行此!

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM