问题 #2583💬 已回答提出于 2020年2月18日作者 MariusDK0 个反应

断点与Canvas中的媒体查询不匹配

快速解答作者 MariusDK

@artf请帮帮我

阅读下方完整回答 ↓

问题

嘿,@artf

我有多个断点 ![图片](https://user-images.githubusercontent.com/26068332/74736935-7fa1cb00-525c-11ea-9d33-e30b6bc44ae5.png)

问题是,当我用分辨率(用图标设置)比如411(手机版)时,画布并不总是显示该分辨率中元素的风格。Canvas 使用平板的媒体查询,而不是移动设备管理器中设置的分辨率。

举例:我用的是411分辨率,但优先级是画布显示页面的平板断点。

![图片](https://user-images.githubusercontent.com/26068332/74737465-9694ed00-525d-11ea-9104-bb600cc27425.png)

解是 forceClass = true?

回答(3)

MariusDK2020年2月24日

@artf请帮帮我

artf2020年3月1日

你好@MariusDK我不太确定我是否理解你的问题,你能做一个小的在线演示来更好地展示问题吗? 也许你说的是画布大小和CSS中实际媒体查询的区别?在这种情况下,你可以更改它们: “''js 900px 是画布的大小,默认情况下会 也可用于CSS媒体查询 编辑。DeviceManager.add('tablet2', '900px', { 你可以用widthMedia选项在CSS中更改媒体查询 宽度媒体:'850px', });

no-response[bot]2020年3月11日

由于我们请求原作者提供更多信息未获回应,本期已自动关闭。仅凭当前期刊中的信息,我们没有足够的信息采取行动。如果您有答案或找到我们需要的答案,请随时联系我们,以便我们进一步调查。

相关问答

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

问题 #1842

有些属性显示了两遍,但有些选项也没显示。

你好, @artf @NicoEngler, 我有一个奇怪的问题。 我使用的是grapes.js和grapes.min.css,版本是0.14.50。 在选择任何组件时,我可以通过编辑器侧面板更改它的CSS属性。 但我能看到两次下拉菜单,分别是“排版”和“装饰”。 我看到gra...

3 个回答更新于 2021年3月23日

问题 #3059

头部放在文本框上

你好,首先感谢你创建了GrapesJs,这非常有用。我遇到了一个问题,我在页面上添加一个头部,这就是我为头部添加的代码: '<header style=“padding: 100px 0px;position: absolute;top:0; width:100%”></hea...

3 个回答更新于 2020年10月23日

问题 #1296

自定义富文本编辑器无法工作

你好@artf,我刚用不同的库(比如CKEditor 5、TinyMCE 4或pell)创建了一个RTE的自定义插件,但结果都是编辑器失去焦点,导致按钮无法应用到文本内容上。 ![截图 2018-07-18,17 06 53](https://user-images.githu...

3 个回答更新于 2020年2月18日

问题 #1458

在 grapesjs 编辑器中嵌入了 Jquery 事件,但无法如预期工作。

@artf,我尝试把模板嵌入到grapesjs编辑器里。我遇到的问题是编辑器在那个模板下没有按预期工作。 注意:我用 react 应用来封装 grapesjs 编辑器。 最初编辑器嵌入了我的模板,看起来就像下面的图片 ![无题](https://user-images.gith...

3 个回答更新于 2019年10月9日

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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