真实响应式设备模式
问题
你可能会认为将iframe的宽度改成设备宽度和设备模拟器的作用是一样的,但实际上并非如此(https://developers.google.com/web/tools/chrome-devtools/device-mode/emulate-mobile-viewports)。 举个例子:如果你在宽度为320px的iframe中加载[pages.github.io](pages.github.io),你会得到: <img width=“359” alt=“截图 2018-04-09 4点44分 24分” src=“https://user-images.githubusercontent.com/331833/38528599-4c6ef62c-3c15-11e8-97e6-6c2bf2448da5.png”> 你可以自己试试: 如果你进入 pages.github.io 并启用Chrome开发工具模拟相同宽度(320px)的设备,响应会好很多: <img width=“385” alt=“截图 2018-04-09 下午4点45分” src=“https://user-images.githubusercontent.com/331833/38528633-6743c5cc-3c15-11e8-97ff-24afbf514a7f.png”> 这里发生的是浏览器实际上尊重页面的强...
回答(3)
把你的CSS构建成“最小宽度”而不是“最小设备宽度”等等......一切都很好。
@nojacko这假设我能控制CSS。事实并非如此;)
此外,上述示例未使用“最小设备宽度”。它只是用“宽度:900px”。小型设备足够智能,可以相应地扩展规模。真正的响应式模式也会做到同样的效果。
谢谢你的建议,@tommedema但目前我觉得没必要开始做这种改进,如果你想构建响应式模板,目前的实现是可行的,这才是真正重要的。顺便说一句,如果你真的想改进,欢迎PR们来:)
相关问答
通过相似的问题讨论继续研究。
问题 #3010
资产管理配置无法正常工作
你好, 我尝试了所有可能更改资产管理配置的方法,但效果并不理想。 我甚至做了一个示例插件,但似乎也没用。 基本上我想把文件上传到我的服务器上,我提供了URL,但它没有在服务器上发送任何请求。 然后我会覆盖uploadFile,它能在服务器上发送数据并收到与文档格式相同的响应,但...
问题 #2838
风格部分被重复使用
大家好 我使用的是: “葡萄”: “0.16.12”, “grapesjs-preset-webpage”: “0.1.11”, 在 CSS 编辑区我遇到了这种奇怪的现象: <img width=“1527” alt=“截图 2020-06-19 00 39 13” src=“...
问题 #2894
:如何在AM模态中隐藏/禁用投放区
你好, 我一直在查看文档和[这个链接](https://github.com/artf/grapesjs/blob/dev/src/asset_manager/config/config.js),试图找到合适的配置设置来禁用资产管理模式中的投放区。在我的配置中,我把“上传”属性...
问题 #964
组件属性配置
@artf 抱歉又发了,这将是#952的续篇 我刚和MJML社区讨论了这种做法,我们的对话是这样的 https://github.com/mjmlio/mjml/issues/1063#issuecomment-374526777 请看看这个。 为了避免高加载时间和其他MJML...
与此问题匹配的付费插件
根据问题关键词和标签相关性精选,助你更快交付。
正在加载付费插件推荐……
浏览插件分类
直接跳转到市场上的插件分类页面。