随着互联网的发展，大家越来越倾向于使用本地图片来创建大家的网站或应用程序。使用本地图片的好处包括：
1. 节省带宽：使用本地图片可以节省上传和下载带宽的成本，从而提高网站的速度和响应时间。
2. 减少文件大小：本地图片通常比从互联网上下载的图片小得多，因此可以节省存储空间和文件大小。
3. 更易于管理：使用本地图片可以使大家更容易地管理和维护网站。大家可以将图片存储在本地计算机上，而不是上传到服务器上，从而更容易删除或更改图片。
然而，在使用本地图片时，大家需要确保大家正确地使用 CSS 媒体查询来引用图片。CSS 媒体查询是一种用于在 CSS 中选择图片的技术，它可以根据图片的元数据(如width、height、src)来自动选择图片。
下面是使用 CSS 媒体查询使用本地图片的示例代码：
/* 选择宽度为 100% 的图片 */
width: 100%;
height: auto;
/* 选择高度为 100% 的图片 */
height: 100%;
width: auto;
/* 选择高度和宽度均为 100% 的图片 */
width: 100%;
height: 100%;
大家使用`width: 100%; height: auto;`和`width: 100%; height: auto;`来使图片保持高度和宽度均为 100%。这些属性可以防止图片重叠，并确保图片在自适应宽度时保持适当的大小。
通过使用 CSS 媒体查询，大家可以轻松地选择本地图片，并确保图片在自适应宽度时保持适当的大小。这可以提高网站的性能和响应时间，并使大家更容易地管理和维护网站。