Bootstrap图像显示不同的宽度高度比?

时间:2016-04-07 22:24:54

标签: css image twitter-bootstrap image-resizing

我有一个图像,图像保存为宽度400px和高度400px,因此它是一个方形图像。

在我的html页面上,我希望它被压扁400px宽度和高度200px但仍然响应。

我应该如何使用bootstrap执行此操作?

我不想创建所有新图像。在这种情况下重新保存为400px X 200px

通常我会在img上设置宽度和高度

<img src="<%= ResolveUrl("images/Organisations_Summary.png" class="img-responsive img-rounded center-block" />

由于

1 个答案:

答案 0 :(得分:0)

您应该将高度设置为50%,如果您希望宽度最多为400px(最宽屏幕尺寸),则需要添加最大宽度:

CSS

var rippleTex = SKTexture(image: UIImage(contentsOfFile: NSSearchPathForDirectoriesInDomains(.LibraryDirectory, .UserDomainMask, true)[0].stringByAppendingPathComponent("P06_ripple.png"))!)