BUG: v0.22.10+ 中默认组件样式错误地应用于设备特定的媒体查询
作者: paolotozzo创建于 2025年10月14日更新于 2025年10月14日
葡萄JS版本
- 我确认使用最新版本的葡萄JS
你用什么浏览器?
铬最新版本
复制演示链接
https://app.grapesjs.com/studio (英语).
描述错误
** 如何复制虫子? **
- 用默认设备配置初始化葡萄JS编辑器
- 切换到平板电脑或移动设备视图
- 添加文本块组件(或任何带有默认样式的组件,例如边距:10px)
- 切换到桌面视图
- 注意默认样式不在桌面上应用
** 什么是预期的行为? **
- 默认组件样式应始终适用于基础 CSS 规则(没有媒体查询),无论编辑器中目前选择的是哪个设备.
** 当前的行为是什么? **
- 默认样式适用于当前所选设备对应的媒体查询,导致:
- 在平板/移动上添加组件时,桌面上缺少样式
- 移动中添加组件时平板板上缺少的样式
- 各种设备的风格不一致
所用版本:0.22.12
注:以0.22.10作为导言。
行为守则
- 我同意遵守这个项目的行为守则
内容来源: GrapesJS/grapesjs