FEAT/ISSUE: CSS standards
谢谢你举报，@sadtaco。 FEAT/ISSUE： CSS 标准的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报告中包含 GrapesJS 版本、浏览器和控制台错误
阅读下方完整回答 ↓问题
我会说这既是功能请求，也算是个问题。 我觉得一个2015年以后几乎所有项目都用px的项目看起来很糟糕。 人们使用的屏幕尺寸在最窄的范围内只有768像素，无论是移动端还是桌面端，甚至2160p及更大。 “像素”测量对此不利。 这样的工具是为非技术人员设计的，他们不会理解屏幕上像素测量看起来正常的东西，但并非所有屏幕上都正确。 最像GrapeJS的就是 carrd.co 对吧？在那里，他们实际上只是用一些随意的“尺寸”测量，然后内部转换，这样最终用户就无法做出愚蠢的操作。 我的建议： 去除控件界面中的px，以及GrapeJS本身样式中的CSS。新默认用vmax、rem和/或%替换。 是的，通常有百分比和/或EM和REM的下拉菜单，但px通常是默认选项，实际上它本不该是选项，除非默认是禁用的配置选项。 我也建议把这归为bug： 编辑器面板的默认CSS使用z-index。我也不指望现代产品会有这种做法，因为叠放顺序更干净、更无问题，也没有边缘情况。我是在做自定义控件时发现的，因为我不得不覆盖本不该存在的CSS。 如果你移除所有z-index的CSS并放置，编辑器似乎能正常显示 '<div class=“gjs-pn-panel gjs-pn-views gjs-one-bg gjs-two-color”>' 作为这些兄弟元素中最底层的元素
回答（1）
谢谢你举报，@sadtaco。 FEAT/ISSUE： CSS 标准的问题似乎是竞态条件或状态管理时序问题。这通常发生在组件生命周期事件和DOM修改重叠时，导致状态不一致。 尝试什么： 添加setTimeout包装器以确保DOM已稳定： “JavaScript setTimeout（（） => { 你在这里的行动 }, 0); 推荐的下一步步骤： 如果还没测试过，请用最新的GrapesJS版本测试 提供最小可重复的示例（CodeSandbox）——这有助于团队更快识别根本原因 在报告中包含 GrapesJS 版本、浏览器和控制台错误
相关问答
通过相似的问题讨论继续研究。
问题 #5089
在SCSS中导入codemirror库时出现错误
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Firefox 112.0.1 可复制演示链接 https://github.com/davidrhoderick/grapesjs-检验 描述一下那个虫子 如何复现这个漏洞？跟随入门（...
问题 #4512
Almost all examples from this page fail with grapejs
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ 版本 103.0.5060.134（官方构建）基于 Ubuntu，运行于 Ubuntu 18.04（64 位） 可复制演示链接 https://alvarotrigo.com/blog/...
问题 #4529
当我们用类“xyz”调整图片大小时，页面上同一类的所有元素也会被调整大小，因为编辑器会给这些类添加css。
GrapesJS 版本[X] 我确认使用最新版本 GrapesJS你用的是什么浏览器？ 版本 104.0.5112.101（官方构建）（arm64）视频演示链接 https://d.pr/i/27EgH2描述一下那个虫子当我们调整带有“xyz”类的图片大小时，页面上所有同类元素...
问题 #5885
在全屏模式下，颜色选择器是隐藏的
GrapesJS 版本 [X] 我确认使用最新版本 GrapesJS 你用的是什么浏览器？ Firefoxe 125.0.3（64位） 可复制演示链接 https://grapesjs.com/demo-newsletter-editor.html 描述一下那个虫子 如何复现这...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选，助你更快交付。
正在加载付费插件推荐……
相关教程
关于同一主题的深入指南。
浏览插件分类
直接跳转到市场上的插件分类页面。