![](/img/trans.png)
[英]how to give image a dynamic width and height when using bootstrap responsive grid system
[英]Dynamic Height on Responsive Image Grid?
我的产品带有“网格”图像,我希望这些图像能够快速响应。 如您所见,在“移动视图”中,图像可以很好地显示并且看起来还不错,但是在桌面上,当它们在水平方向上变大时,高度会被裁剪得太多,因此很多图像都将丢失。
以下是该网站查看移动设备尺寸的方式:
和台式机尺寸:
我有办法让高度也增加,同时又使它们保持“齐平”并处于网格状吗? 不知道为什么我觉得这很棘手!
该站点是: 这里
然后,最简单(也许唯一)的方法是继续使用固定高度,但要使用媒体查询。 这意味着您可以根据自己的屏幕宽度来更改链接的高度。 这是有道理的,因为您将始终具有1、2、3或4列,因此很容易对每种情况进行所需高度的粗略估计。
我刚刚在Photoshop中手动调整了所有图像的大小,以使其暂时正常工作,因此该站点将不再显示此问题。
只需运行此!
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.