问题 #3056✓ 已解决提出于 2020年9月30日作者 micker2 个反应

FEAT:响应式设计选项

快速解答作者 MartinPutz2

@micker 如果我理解没错,那这个功能已经实现了,当你在某台设备上更改组件样式时,会使用媒体查询。 你可以在演示页面看到:https://grapesjs.com/demo.html 你可以把设备改成移动端,调整某个东西的宽度,然后回到桌面。该更改仅适用于移动设备。你可以点击顶部的查看代码图标,向下滚动到底部,你会看到媒体查询。

阅读下方完整回答 ↓

问题

你好,我不确定它是否已经实现,但我没找到具体的实现。 => 用 Grap 我们可以更改显示为“检查响应”选项,但不能更改特定设备的选项? 比如在智能手机上更改区块大小 例如: ![图片](https://user-images.githubusercontent.com/2539440/94736976-5eb26400-036d-11eb-9900-a7f083e6020b.png) 你怎么看这件事?

回答(3)

👍 最有帮助MartinPutz2020年10月3日

@micker 如果我理解没错,那这个功能已经实现了,当你在某台设备上更改组件样式时,会使用媒体查询。

你可以在演示页面看到:https://grapesjs.com/demo.html

你可以把设备改成移动端,调整某个东西的宽度,然后回到桌面。该更改仅适用于移动设备。你可以点击顶部的查看代码图标,向下滚动到底部,你会看到媒体查询。

micker2020年10月3日

啊,太好了

theSC0RP2020年10月21日

@MartinPutz我已经实现了入门指南中展示的响应式功能,但当我点击移动端图标时,布局只是被压缩了。(两列布局不变为两行。只有宽度被缩小了)如果你参与过响应式设计,能否帮帮我?

相关问答

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

与此问题匹配的付费插件

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

查看全部插件

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

免费方案

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

浏览免费插件 →
高级方案

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

浏览高级插件 →

浏览插件分类

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