jQuery图像的纵横比,100%宽度表示响应高度

jQuery图像的纵横比,100%宽度表示响应高度,jquery,html,responsive-slides,Jquery,Html,Responsive Slides,我想有一个幻灯片填充屏幕的高度和宽度,但保持垂直幻灯片效果的纵横比。它必须在较小的屏幕上裁剪一些(非常宽的)宽度,并在非常大的屏幕上双向拉伸。是否有一种计算方法可以确定#幻灯片窗口的高度并保持一定的纵横比?我冗长的媒体查询越来越烦人,高度也降低了很多。在缩放窗口时,可以看到问题 我看到了一个非常接近的答案:,但我认为这是java,而不是脚本。您提供的URL完美地降低了高度。。。为了在宽图像上保持比例,水平调整屏幕大小将使其高度非常小…谢谢。需要大量的媒体查询才能调整适当的屏幕宽度。我希望学习一种

我想有一个幻灯片填充屏幕的高度和宽度,但保持垂直幻灯片效果的纵横比。它必须在较小的屏幕上裁剪一些(非常宽的)宽度,并在非常大的屏幕上双向拉伸。是否有一种计算方法可以确定#幻灯片窗口的高度并保持一定的纵横比?我冗长的媒体查询越来越烦人,高度也降低了很多。在缩放窗口时,可以看到问题


我看到了一个非常接近的答案:,但我认为这是java,而不是脚本。

您提供的URL完美地降低了高度。。。为了在宽图像上保持比例,水平调整屏幕大小将使其高度非常小…谢谢。需要大量的媒体查询才能调整适当的屏幕宽度。我希望学习一种更好的计算方法——更短。而且,我可以裁剪小尺寸的宽度,以保持更大的高度。