媒体查询与类渲染问题
你好。 关于这个问题有没有更新，或者会有更新吗？我刚试着在演示里复现，问题依旧存在。不幸的是，我只懂基础的JavaScript，所以想不出自己解决这个问题的方法。 我不知道这是否和我的问题有关，但检查代码时，文件config.js中设备平板的宽度和移动设备Mobile的withMedia是一样的;这样，通过媒体查询应用到移动景观上的自定义样式，在切换设备到平板时，画布上就不会保留了吗？（我没试过这个，因为设备面板里没有移动景观。） 谢谢。
阅读下方完整回答 ↓问题
你好， 我试图做一个响应式布局，但发现设备切换器工作不稳定。这个问题可以在官方演示中复现。 开放 http://grapesjs.com/demo.html 保持“桌面”作为所选设备。 在“标题”顶部添加2个类型为“2列”的块（就在菜单上方）。 选择第一个插入的“行”，并将其填充的左侧设置为100像素。 选择第二个插入的“行”，并将其填充设置为100像素。 切换到设备“平板”。 在选中的“行”中添加“np”类（切换设备后不会取消选择），并将其填充改为10px。 选择第一个“行”，添加该类NP。 渲染后的填充左侧没有更新，是100像素，而我预计它会变成10像素。不妙。 切换到“桌面”，两行的填充左侧都是100像素。很好。 切换到“平板”，两行的填充左侧都是10像素。很好。 多次切换后，所有填充设备的更新都正确。很好。 另一个例子。 开放 http://grapesjs.com/demo.html 保持“桌面”作为所选设备。 在“标题”顶部添加2个类型为“2列”的块（就在菜单上方）。 选择第一个插入的“行”，并将其填充的左侧设置为100像素。 选择第二个插入的“行”，并将其填充设置为100像素。 切换到设备“平板”。 在选中的“行”中添加“np”类（切换设备后不会取消选择），并将其填充改为10px。 选择第一个“行”，添加该类NP。 渲染后的填充左侧没有更新，是100像素，而我预计它...
回答（3）
你好。
关于这个问题有没有更新，或者会有更新吗？我刚试着在演示里复现，问题依旧存在。不幸的是，我只懂基础的JavaScript，所以想不出自己解决这个问题的方法。
我不知道这是否和我的问题有关，但检查代码时，文件config.js中设备平板的宽度和移动设备Mobile的withMedia是一样的;这样，通过媒体查询应用到移动景观上的自定义样式，在切换设备到平板时，画布上就不会保留了吗？（我没试过这个，因为设备面板里没有移动景观。）
谢谢。
你好，
有人能帮我解决这个问题吗？我刚刚在演示中复现了开头帖子中提供的第二个例子，看起来和上次没什么变化。
谢谢。
@peakrams遗憾的是，没有人参与这项工作
相关问答
通过相似的问题讨论继续研究。
问题 #896
媒体查询规则在画布中被类规则覆盖
你好@artf， 我在用不同设备配置测试一个模板时发现了一个问题，这些配置本应触发媒体查询。我的模板生成的样式如下： “JavaScript [ { “选择者”：[ { “name”：“row”， “label”：“row”， “类型”：1， “active”：true， “p...
问题 #2824
拖曳物品在初始拖拽时位置不定？
所以当我把组件/物品从条子拖到中心时，它不会去我指定的位置......它总是偏向一侧大约20%的页面宽度？加装后可以调节。看看这个动图： https://gyazo.com/87076de55a1853e80b5dd7ea14ccb94e 有人有什么建议吗？
问题 #761
文本分量问题
嗨。我希望有个文本组件，不会每次按“回车”键创建新段落时都生成新组件（这不方便使用）。此外，葡萄核心的实际文本部分存在一个问题（见下面的截图）。提前感谢大家的关注！ ![动图-屏幕葡萄]（https://user-images.githubusercontent.com/777...
问题 #2044
本地服务器上的 NPM 开始开发失败了
按照 README 上描述的 'dev' 分支启动本地服务器的步骤，在控制台上能用，但在 Chrome 上失败，Grapesjs 也无法加载，因为以下错误 ![图片]（https://user-images.githubusercontent.com/582516/585238...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
教程
How Much Does It Cost to Build a SaaS Page Builder in 2026?
How much does it cost to build a SaaS page builder in 2026? Explore realistic development costs, timelines, features, and how using GrapesJS can reduce
教程
PageKit: the GrapesJS application you'd have to build anyway
A source-available Next.js app around the open-source GrapesJS core — publishing, custom domains, leads, checkout and a plugin loader.
教程
UnStudio for GrapesJS: 4 Plugins to Build Better Visual Editors
Meet UnStudio, a new GrapesJS plugin studio with four tools, safer and better editor: Command Palette, Responsive Pack, Autosave & Restore, and Autofill
浏览插件分类
直接跳转到市场上的插件分类页面。