应用截图

详细介绍

生成媒体查询、显示屏幕宽度,并提供媒体查询代码片段列表的链接。 此扩展程序生成使用 max-width 的媒体查询,帮助您查看当前屏幕宽度,并提供媒体查询代码片段列表的链接。 1. 将扩展程序添加到 Google Chrome 浏览器。 2. 开始调整窗口大小,查看内容在哪里出现布局问题。 3. 点击 Breakpoint 图标。 4. 点击“generate code”。 5. 复制生成的代码。 6. 将代码粘贴到样式表中。 非常简单实用。 版本 1.0: - 移除 Jquery - 使用原生 JavaScript 重新构建 版本 0.7: - 设计改进。 版本 0.6: - 设计改进。 版本 0.5: - 添加指向多种设备媒体查询代码片段的外部链接。 - 设计改进。 版本 0.4: - 从 min-width 更新为 max-width。 版本 0.3: - 更新图标。 致谢: 感谢 David Nemes 提供媒体查询代码片段。