如何为Bootstrap轮播裁剪图像,使它们看起来不会拉伸?

时间:2015-03-13 02:43:16

标签: twitter-bootstrap responsive-design

我正在尝试为自举旋转木马裁剪图像,但他们看起来仍然看起来很紧张或不成比例。

我想裁剪3种不同尺寸(小型,中型和大型)以提供移动响应。

主要照片尺寸为940x627,900x600和900x506

1 个答案:

答案 0 :(得分:0)

您的问题是它们有不同的尺寸。您应该使用GIMP或photoshop在某个维度上剪切它们,以便它们都具有相同的形状。 (例如,将它们全部设为900x506)。这样,当它们被放大或缩小时,它们不会被拉伸。

还要确保对它们使用引导类img-responsive。