imageFitCover:简单的 jQuery 插件,可让您缩放图像以适应其容器元素,如新 CSS“object-fit”指定的那样

时间:2024-07-25 02:16:55
【文件属性】:

文件名称:imageFitCover:简单的 jQuery 插件,可让您缩放图像以适应其容器元素,如新 CSS“object-fit”指定的那样

文件大小:491KB

文件格式:ZIP

更新时间:2024-07-25 02:16:55

JavaScript

imageFitCover 这个简单的 jQuery 插件可以让你缩放图像以适应它们的容器元素,就像新的 CSS 属性所指定的那样。 它应该适用于所有原生尚不支持object-fit并且与 jQuery 1.7+ 和 2.* 兼容的现代浏览器。 这与使用background-size 的效果相同:用背景图像覆盖,但允许您使用img标签和新的图片模块。 一个展示你想要的效果 目标容器对象内的所有图像将填充其整个区域,而不会改变它们的纵横比。 在填充元素的整个内容框时,替换内容的大小会保持其纵横比:它的具体对象大小被解析为对元素使用的宽度和高度的覆盖约束。 截至 2014 年 11 月,最新的 Webkit 浏览器和 Firefox 36 支持 object-fit。 但是,版本 36 之前的 Internet Explorer、Firefox 和版本 7.1 之前的 Safari 的旧


【文件预览】:
imageFitCover-master
----package.json(641B)
----LICENSE-GPL.txt(15KB)
----LICENSE-MIT.txt(1KB)
----dist()
--------image-fit-cover.js(3KB)
--------image-fit-cover.min.js(2KB)
----.gitignore(0B)
----demo()
--------css()
--------images()
--------index.html(4KB)
----README.md(4KB)

网友评论