我有一个Twitter bootstrap轮播,其中我有图像和iframe。图像工作得很好,因为他们有img-responsive类,他们调整大小。 iframe不会像那样工作。每当用户调整浏览器大小时,我必须给它们一个宽度和高度并改变它们的宽度和高度。
轮播只能同时包含图像,iframe,图像和iframe。
如何让iframe像图片一样工作?具有相同的尺寸,以相同的方式调整大小?
我的图片是750 x 427px
。我想到的事情就是给iframes宽度100%的容器,因为这项工作和之后我必须找到高度,考虑到如果宽度是例如300px高度应该与图像尺寸成正比{ {1}}。
我们可以简单地使用三个规则吗?或者使用图像比率有一些更复杂的东西?
答案 0 :(得分:0)
通过.height()和.width方法。
您可以使用$("#imgID").height()
获取其高度,使用$("#imgID").width()
获取其宽度。当然,imgID将替换为图像的实际ID。