应用截图
详细介绍
生成媒体查询、显示屏幕宽度,并提供媒体查询代码片段列表的链接。
此扩展程序生成使用 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 提供媒体查询代码片段。