【文件属性】：
文件名称：borealis:基于元素查询的响应式图片解决方案
文件大小：33KB
文件格式：ZIP
更新时间：2021-06-30 06:38:53
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)