如何添加设备管理器移动环境?
请查看[DeviceManager API](https://grapesjs.com/docs/api/device_manager.html) 目前只能使用一个条件(可以通过“mainConfigObject.mediaCondition”选项配置,默认为“max-width”)
阅读下方完整回答 ↓问题
你好, 请帮我添加设备管理器移动环境,并附带结构示例: @media唯一的屏幕 以及(最小设备宽度:375像素) 以及(最大设备宽度:667像素) 以及(-webkit-最小设备-像素比:2) 以及(方向:景观){
} 目前,我有一个带有结构的设备管理器: @media(最大宽度:480px) {
}
谢谢
回答(2)
请查看[DeviceManager API](https://grapesjs.com/docs/api/device_manager.html) 目前只能使用一个条件(可以通过“mainConfigObject.mediaCondition”选项配置,默认为“max-width”)
@artf 有什么原因为什么 Grapesjs 仍然不支持这个功能?看起来只要在“EditorConfig”中移除“mediaCondition”选项,并允许在“widthMedia”字段中为每个设备传递任何媒体查询即可解决。
目前这个功能对我来说至关重要,有没有办法修改结果CSS?我看到有个选项可以传递自定义CSS解析器,但与媒体查询相关的样式缺失了。
相关问答
通过相似的问题讨论继续研究。
问题 #1506
CSS 媒体查询问题
你好@artf 演示页面和媒体查询库中都存在问题。 问题是,如果用户先在移动视图上更新样式,再用标签视图,再用媒体查询,移动视图就不起作用。如果我们先更新桌面样式,再更新标签页,再更新移动端,那么一切都正常 但如果我们先反向移动视图,标签视图第二,桌面视图第三,然后CSS/媒体...
问题 #6318
无法在Block media svg中使用透明填充
葡萄JS版本[X] 我确认使用最新版本的GrapesJS本期提交时为“[email protected]”你用的是什么浏览器? Firefox 132,Chrome 131可复制演示链接 https://jsfiddle.net/x54f9v68/1/描述一下那个虫子 如何复现这个...
问题 #5583
在移动端版本中,无法用样式面板设置背景:无
葡萄JS版本 [X] 我确认使用最新版本的GrapesJS 你用的是什么浏览器? Edge 最后版本 可复制演示链接 https://grapesjs.com/demo 描述一下那个虫子 如何复现这个漏洞?打开演示链接点击页眉 ![图片](https://github.com/...
问题 #3515
Gjs 选择的风格是硬编码的
定义如下: https://github.com/artf/grapesjs/blob/88249c38577852dc3c42047356a70a12066ee6ca/src/canvas/view/FrameView.js#L303-L306 总是附加在框架上。它包含选定元...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。