文件名称：wc-responsive-container:Web组件，允许作者根据包含元素的大小而不是用户视口的大小来控制样式
文件大小：1.21MB
文件格式：ZIP
更新时间：2024-05-23 13:10:35
query queries web component webcomponents
wc响应式容器 Web组件，允许作者根据包含元素的大小而不是用户视口的大小来控制样式。 基于Philip Walton的使用自定义元素和调整大小观察器。 为什么？ 如果容器位于会影响容器大小的动态应用程序布局内，例如布局具有可关闭的抽屉，则很难在容器内封装和定位响应逻辑。 今天存在的媒体查询不足。 是人们长期以来希望能提供帮助CSS功能，但不幸的是，进展一直停滞不前。 安装 npm i wc - responsive - container 例子 < style > * { box-sizing : border-box; } body { margin : 0 ; min-height : 100 vh ; display : flex; align-items : center; justify-content : cen
【文件预览】：
wc-responsive-container-master
----.gitignore(2KB)
----README.md(2KB)
----wc-responsive-container.js(4KB)
----LICENSE(1KB)
----package.json(1KB)
----example()
--------advanced.html(9KB)
--------index.html(1KB)
----demo.gif(1.19MB)
----package-lock.json(55KB)