在我的页面上使用@media，当我在手机上查看它时，我得到了一个环绕背景的侧边空白页面

在前端开发中，@media是CSS中的一个规则，用于根据设备的不同特性和屏幕尺寸来应用不同的样式。通过使用@media规则，可以实现响应式设计，使网页在不同设备上能够自适应地展示。

针对你提到的情况，当在手机上查看页面时，出现了一个环绕背景的侧边空白页面，可以通过@media规则来解决。具体步骤如下：

1. 首先，需要确定手机屏幕的尺寸范围，例如常见的手机屏幕尺寸范围是320px到767px。
2. 在CSS文件中，使用@media规则来针对手机屏幕尺寸范围设置相应的样式。示例代码如下：

@media screen and (max-width: 767px) {
  /* 在手机屏幕尺寸范围内应用的样式 */
  body {
    background: none; /* 移除背景 */
    margin: 0; /* 移除页面边距 */
    padding: 0; /* 移除页面内边距 */
  }
}

在上述示例代码中，我们使用@media规则来针对屏幕宽度小于等于767px的情况应用样式。在这个样式中，我们移除了页面的背景、边距和内边距，以消除环绕背景的侧边空白页面。

1. 将上述CSS代码添加到你的页面的CSS文件中，或者直接在页面的<style>标签中添加。

通过以上步骤，当在手机上查看页面时，应该能够去除环绕背景的侧边空白页面。

关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体品牌商，无法给出具体的腾讯云产品推荐。但腾讯云提供了丰富的云计算解决方案，包括云服务器、云数据库、云存储等，你可以通过访问腾讯云官方网站，了解更多相关产品和服务信息。