文件名称:borealis:基于元素查询的响应式图片解决方案
文件大小:33KB
文件格式:ZIP
更新时间:2024-07-20 00:25:33
JavaScript
北欧化工 基于图像宽度的响应式图像 到 2013 年底,平均网页提供,这让低带宽和按千字节付费的用户非常懊恼。 需要在适当的情况下提供较小的图像,并能够控制各种尺寸的图像的比例和裁剪,这对于创建轻量级和编辑丰富的 Web 体验至关重要。 这就是用武之地。不幸的是,我们还没有标准的解决方案,在这些提议中,图像将根据视口信息而不是元素信息进行交换。 在我们有一个标准的解决方案之前,你必须选择你最喜欢的 hack。 基于快速且轻量级的 , borealis提供了一个基于基本图像宽度的响应式图像解决方案。 作为 JavaScript 驱动的响应式图像的相对易于使用的嵌入式解决方案设计,它的重量约为 2.4KB,压缩后约为 1.3KB,并且不需要外部依赖项。 只需将borealis放到您的网站上并将borealis-srcs属性设置为您的图像,您就可以开始了! 安装 安装超级简单。 您可以在此处从
【文件预览】:
borealis-1.x.x
----.jshintrc(466B)
----.gitignore(68B)
----.simplecov(222B)
----sass()
--------_eq.scss(72B)
--------style.scss(506B)
----package.json(1007B)
----karma.conf.js(2KB)
----.travis.yml(78B)
----build()
--------borealis.js(7KB)
----CONTRIBUTING.md(2KB)
----dist()
--------borealis.polyfilled.min.js.map(4KB)
--------polyfills.min.js(827B)
--------borealis.polyfilled.min.js(3KB)
--------borealis.gz.js(1KB)
--------borealis.min.js.gz(1KB)
--------polyfills.min.js.gz(480B)
--------borealis.min.js(2KB)
--------borealis.polyfilled.min.js.gz(1KB)
--------borealis.gz.js.gz(1KB)
--------borealis.min.js.map(3KB)
--------polyfills.min.js.map(983B)
----.ruby-version(11B)
----LICENSE(1KB)
----css()
--------style.css(575B)
----README.md(8KB)
----tests()
--------attribute.js(4KB)
----index.html(413KB)
----Gulpfile.js(689B)
----Gemfile(61B)
----bower.json(660B)
----tasks()
--------jasmine.js(721B)
--------jshint.js(830B)
--------karma.js(1KB)
--------dist.js(4KB)
----.editorconfig(415B)
----Gemfile.lock(530B)