【发布时间】：2022-11-16 13:22:40
【问题描述】：
我正在尝试创建一个组件演示容器，用户可以在其中拖动滑块来更改容器的宽度以查看响应组件的变化。请在此处查看第一个组件。这些组件具有媒体查询而不是容器样式。
如何使容器的大小强制组件进行调整，就好像它是实际屏幕大小一样？
【问题讨论】：
-
使用 JS，您可以使用
element.offsetWidth获取容器的宽度，并在满足您设置的某些值时在 JS 中设置元素样式 -
这个容器的用例是它是实际构建的组件的演示。构建的实际组件具有基于屏幕尺寸的媒体查询。很好奇是否有任何其他方法可以基于 offsetWidth 强制执行媒体查询。不幸的是，根据容器宽度手动更改样式对我的用例没有用
标签： javascript html css media-queries tailwind-css