gpt4 book ai didi

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

转载 作者:太空宇宙 更新时间:2023-11-03 18:21:02 24 4
gpt4 key购买 nike

我有一个包含产品图片的“网格”,我希望这些图片具有响应性。如您所见,在“移动 View ”上,图像适合且看起来不错,但在桌面上,当它们水平变大时,高度被裁剪得太多,因此很多图像都丢失了。

以下是网站如何看待移动尺寸:

Mobile View

和桌面大小:

Desktop View

有没有办法让我的高度也增长,同时仍然保持它们“齐平”并在网格中?不知道为什么我觉得这很棘手!

站点是:here

最佳答案

接下来要做的更简单(也许是唯一)的事情是继续使用固定高度,但使用媒体查询。这意味着您可以根据您所在的屏幕宽度更改链接的高度。这是有道理的,因为您总是有 1、2、3 或 4 列,因此很容易粗略估计每种情况下您想要的高度。

关于html - 响应图像网格上的动态高度?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21838363/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com