gpt4 book ai didi

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

转载 作者:技术小花猫 更新时间:2023-10-29 11:02:52 27 4
gpt4 key购买 nike

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

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

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

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

最佳答案

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

关于css - 特定 div 宽度上的类似媒体查询的行为,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7271818/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com