如何使用CSS base64编码的图片保持不平铺显示？

要在CSS中使用Base64编码的图片并保持其非平铺显示，你需要将Base64数据作为`background-image`属性的值，并设置`background-size`属性。以下是步骤：

1. 首先，获取你要使用的图片的Base64编码。这通常通过在线工具或编程语言如JavaScript完成。

2. 将Base64编码的字符串放入CSS文件中，例如：

   .image-container {
     background-image: url("data:image/jpeg;base64,<your_base64_data_here>");
   }

确保将 `<your_base64_data_here>` 替换为你实际的Base64编码。

3. 设置`background-size`属性为特定尺寸、百分比或是cover（填充内容区域），使其适应容器大小而不平铺。比如：
- `background-size: contain;` 会保持图像比例并在容器内缩放。
- `background-size: cover;` 会填充整个容器，并尽可能地保持原始图像的比例。

4. 如果需要指定宽度和高度，可以同时使用`width`和`height`属性：

   .image-container {
     width: <image_width>;
     height: <image_height>;
     background-image: url("...");
     background-size: cover;
   }

5. 记得给包含Base64背景的元素添加一个视口适配，如设置`width: auto;`或`min-width: 0;`，以便图片适应各种屏幕大小。