所以
我有一个使用react&tailwindcss的项目，我正在使用定制cms构建一个平台。我面临的问题如下：
im在cms上显示不同的屏幕大小选项，您可以按不同的屏幕大小在手机屏幕上查看您的内容。
由于cms编辑器不在iframe中，将父元素的宽度更改为1300px或400px不会导致内部元素更改为顺风响应设计，因为视口在dom上仍然完全相同。
现在我已经阅读了css容器查询，但是因为我使用的是tailwindcss，所以开始编辑它会非常痛苦。是否有任何方法可以操纵其中的dom，并告诉编辑器div.element其视口仅为ex.1400px。
是的，iframe将是一个可行的选择。
提前谢谢！
.screen--desktop {
max-width: 1440px;
width: 100%;
}
.screen--mobile {
max-width: 360px;
width: 100%;
}<html>
<body>
<div class="container">
<!-- PAGE CONTENT wv is 100 -->
<div class="editor screen--desktop">
<!-- FRAMED CONTENT wv needs to be 50 -->
<div class="container">
<!-- Container @media max width needs to listen to the parent div's width only -->
<!-- Here would be element1 -->
</div>
</div>
</div>
</body>
</html>
暂无答案！
目前还没有任何答案，快来回答吧！