问题 #2843💬 已回答提出于 2020年6月19日作者 abozhinov0 个反应

无法移除所选设备上的样式属性

快速解答作者 abozhinov

@artf你有什么办法可以解决吗?

阅读下方完整回答 ↓

问题

你好, 在选定设备上移除style属性(clearProperties: true)时遇到问题。 你可以在 https://grapesjs.com/demo.html 上复现这个问题。

步骤:

  1. 清洁所有东西。
  2. 拖拽自定义代码。
  3. 添加此示例代码。 '''html
<div id=“test”> 测试内容 </div> <style> #test { 颜色:红色; } @media(最大宽度:767像素){ #test { 颜色:绿色; } } @media(最大宽度:991像素){ #test { 颜色:绿色; } } </style> ``` 4. 切换设备到平板或移动端,并选择组件。 5. 在排版风格中,你可以看到COLOR属性是黄色,没有干净图标。

我桌面设备上只有X图标,但手机和平板上只有黄色标签。

回答(3)

abozhinov2020年6月23日

@artf你有什么办法可以解决吗?

artf2020年7月1日

为了让StyleManager读取正确的样式规则,你的媒体查询应反映所选设备的宽度相同。你试过吗?

abozhinov2020年7月1日

是的,我会。 deviceManager: { 设备: [ { 名称:“桌面版”, 宽度:“, 优先级:3 }, { 名称:“平板”, 宽度:'768px', 宽度媒体:'991px', 优先级:2 }, { 名称:“Mobile”, 宽度:“360px”, 高度:'640px', widthMedia: '767px', 优先级:1 }] },

相关问答

通过相似的问题讨论继续研究。

与此问题匹配的付费插件

根据问题关键词和标签相关性精选,助你更快交付。

查看全部插件

正在加载付费插件推荐……

免费方案

在以下平台查看开源 GrapesJS 插件: GitHub 或在我们的免费目录中快速搜索。

浏览免费插件 →
高级方案

高级插件提供支持、定期更新和生产就绪的功能——为你节省数天的集成工作。

浏览高级插件 →

浏览插件分类

直接跳转到市场上的插件分类页面。