BUG:用GrapesJS制作的通讯在移动端渲染不好
解决这个问题的办法是将正文设置为100%宽度和高度,然后邮件容器本身的最大宽度为550px,宽度为100%,然后高度为自动,最小高度为100vh或150px 
阅读下方完整回答 ↓问题
版本: v0.16.22
你能重现演示中的bug吗? [X] 是的(通讯演示)
如何繁殖 导出默认模板或你自己的模板(导入后),然后用[](https://putsmail.com/)发送。用iPhone打开邮件。
预期的行为是什么? 发送到移动设备(我这里是iOS)时,邮件应该会使用整个显示宽度
详细描述那个漏洞** 我用Mailtrain发送通讯。Mailtrain集成了GrapesJS,帮助在发送邮件前可视化和编辑邮件。我通常导入一个在手机上运行良好的模板,让不熟悉HTML的人调整通讯内容。 在移动设备上打开已发送的通讯时,由于邮件不占用整个屏幕宽度,会损失大量空间。我猜这和默认应用在HTML代码中的“protectedCss”样式有关,比如“box-sizing: border-box”;以及幕后发生的其他更改。
我也在Mailtrain仓库上开了一个问题[Issue](https://github.com/Mailtrain-org/mailtrain/issues/973#issue-715739741)。在那里我稍微简要地解释了问题所在。
目前的行为是什么? 发送到移动设备的邮件两侧都有大白条。
回答(2)
解决这个问题的办法是将正文设置为100%宽度和高度,然后邮件容器本身的最大宽度为550px,宽度为100%,然后高度为自动,最小高度为100vh或150px 
你好@terdinatore GrapesJS的核心是创建用HTML/CSS/JS构建内容的编辑器,但是否构建合适的邮件模块/组件则取决于谁整合编辑器
相关问答
通过相似的问题讨论继续研究。
问题 #3285
:画布iframe中的文档类型
嗨。 这个问题已经被问过两次([这里](https://github.com/artf/grapesjs/issues/973)和[这里](https://github.com/artf/grapesjs/issues/1230)),但从未有过答案。 有没有办法在画布ifram...
问题 #3272
双击后会添加ID。<img/>
版本: 0.16.37 你能重现演示中的bug吗? [X] 是的 [ ] 不 预期的行为是什么? 这是关于GrapesJS-mjml插件的:这个语法不接受元素上的ID。但AssetsManager会给图片元素添加ID。我不想在标签中添加 id 属性<img> 繁衍步骤克隆并运行...
问题 #2834
Grapesjs 不会为包装器初始化样式
你好,我遇到了一个 bug grapesjs 无法初始化 wrapper 的样式。繁殖步骤:前往 https://grapesjs.com/demo.html选择包装并设置背景。它会为样式添加“正体”规则,并且会显示在样式设置中刷新页面——“正文”规则依然存在(你可以在“查看代...
问题 #3286
优点:Codemirror 自定义密钥和插件
有没有办法为内置的 Codemirror 编辑器添加快捷键和插件?我特别想要一个评论快捷键。 有各种插件使用Grapesjs编辑器,包括 https://github.com/artf/grapesjs/issues/324#issuecomment-330571539 和自定...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。