css - 特定 div 宽度上的类似媒体查询的行为

Question

我正在构建一个编辑器，其中帖子的内容加载到一个 div 中，jQuery 选择器允许我内联编辑内容。

我在尝试为模板样式添加一些响应时遇到了一些障碍:在我的模板样式表中，我使用预览区域的特定 id 来指定样式应适用的位置。我将相同的 id 应用于帖子查看的 body 标签，以便编辑器中的预览和帖子的完整 View 看起来相同。

我在 View 方面输入了一些媒体查询，并意识到在预览页面上，@media screen 和 (max-width: 640px) 之类的内容会有所不同，因为预览不占用整个屏幕宽度。

有没有一种方法可以使用屏幕宽度以外的媒体查询选择器，而是使用元素的宽度……或类似的东西？或者是否有另一种方法可以简单地使用 javascript 来模仿该行为..

Answer 1

不幸的是，目前还没有一种方法可以让媒体查询以 div 为目标。媒体查询只能针对屏幕，即浏览器窗口、移动设备屏幕、电视屏幕等……