【文件属性】：
文件名称：squishable-container:自我缩放以填充可用空间的Ember组件
文件大小：131KB
文件格式：ZIP
更新时间：2021-05-26 15:54:54
JavaScript
可挤压容器
该附加组件提供了一个容器，该容器可以对其进行自我缩放以匹配可用的空间量。
ember install squishable-container
用法
将您的内容包装在squishable-container ：
{{ #squishable-container }}
Your content here.
{{ /squishable-container }}
现在，如果有任何其他更改可压缩容器可用的宽度，它将按比例放大或缩小其内容。
squishable-container必须确定将比例设置为100％的宽度。 默认情况下，它使用完整的视口宽度。 您可以通过设置width和unit属性来选择其他宽度：
{{ #squishable-container width = 800 unit = " px " }}
Your content here.
{{ /s
【文件预览】：
squishable-container-master
----.travis.yml(1KB)
----.ember-cli(280B)
----ember-cli-build.js(494B)
----vendor()
--------squishable-container.css(187B)
--------.gitkeep(0B)
----addon()
--------raf.js(347B)
--------templates()
--------components()
--------.gitkeep(0B)
----config()
--------ember-try.js(2KB)
--------environment.js(90B)
----index.js(154B)
----.watchmanconfig(37B)
----package.json(2KB)
----tests()
--------acceptance()
--------test-helper.js(228B)
--------index.html(1KB)
--------unit()
--------dummy()
--------integration()
--------helpers()
----app()
--------components()
--------.gitkeep(0B)
----testem.js(581B)
----CONTRIBUTING.md(639B)
----.npmignore(404B)
----.eslintrc.js(1KB)
----.template-lintrc.js(62B)
----LICENSE.md(1KB)
----.gitignore(369B)
----README.md(793B)
----yarn.lock(322KB)
----.eslintignore(240B)
----.editorconfig(368B)