CSS Media Query Snippets扩展是为响应式设计提供便利的工具，它帮助您快速编写适用于不同设备尺寸的媒体查询。此扩展采用Bootstrap 4的断点系统，确保您的设计在各种设备上都能完美呈现。

主要特点：

• Bootstrap 4断点支持：扩展基于Bootstrap 4的响应式断点，详细信息请见Bootstrap 4官方文档。
• 多文件格式支持：适用于.css、.scss和.sass文件，满足不同开发需求。
• 便捷的使用方式：每个snippet前缀由三部分组成——屏幕尺寸、范围和类型，简化了媒体查询的编写过程。

使用指南：

每个snippet前缀包含以下三部分：

1. 屏幕尺寸：

   • 超小型（extra-small）
   • 小型（small）
   • 中型（medium）
   • 大型（large）
   • 超大型（extra-large）

2. 范围：

   • 仅限选定屏幕尺寸（-only）
   • 选定屏幕尺寸及更大（-and-up）
   • 选定屏幕尺寸及更小（-and-down）

3. 类型：

   • 媒体查询（-media-query）

常用snippet示例：

已知问题：

目前没有已知问题。

发布说明：

• 1.0.0版本：首次发布，添加了媒体查询snippet。

CSS Media Query Snippets扩展为您的响应式设计提供了强大的支持，帮助您更高效地处理不同设备尺寸的布局调整。