#6629·grapesjs

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