gpt4 book ai didi

javascript - 根据高度计算纵横比宽度

转载 作者:行者123 更新时间:2023-11-28 12:28:20 28 4
gpt4 key购买 nike

我有一个 1280(w) x 1024(h) 的内联 img,包含在一个 div 中。 div 尺寸设置为视口(viewport)的 100%(w/h),并 overflow hidden 。

我想将图像用作全屏背景,并要求它完全填充视口(viewport),而不管尺寸如何且不显示边框。它必须保持纵横比,我也希望图像始终居中。我知道要实现这一点,一些图像将被裁剪。

我相信如果使图像高度与视口(viewport)高度匹配并根据图像纵横比计算宽度,这将有效,但我不确定如何执行此操作。谁能帮忙?

非常感谢。

最佳答案

使用后伸 http://srobbin.com/jquery-plugins/backstretch/

$("#demo").backstretch("http://urltoimage.jpg");'

将#demo 设置为 100/100% 宽度和高度

关于javascript - 根据高度计算纵横比宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18401466/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com