使用@media对齐div

@media 是 CSS 中的一个媒体查询规则，用于根据设备的特性和屏幕尺寸等条件来调整网页的样式。它可以根据不同的媒体类型和特性来应用不同的样式规则。

在使用@media 对齐 div 元素时，可以通过指定不同的媒体查询条件来实现响应式布局，使得网页在不同设备上都能够正确显示和对齐。

下面是一个例子：

@media screen and (max-width: 600px) {
  /* 当屏幕宽度小于等于 600px 时，应用下面的样式 */
  div {
    text-align: center;
  }
}

@media screen and (min-width: 601px) and (max-width: 1200px) {
  /* 当屏幕宽度大于 600px 且小于等于 1200px 时，应用下面的样式 */
  div {
    text-align: left;
  }
}

@media screen and (min-width: 1201px) {
  /* 当屏幕宽度大于 1200px 时，应用下面的样式 */
  div {
    text-align: right;
  }
}

上述代码中，通过不同的媒体查询条件，分别对应不同的屏幕宽度范围，然后分别对 div 元素应用不同的 text-align 样式，从而实现了在不同屏幕宽度下的对齐效果。

推荐的腾讯云相关产品：腾讯云静态网站托管（https://cloud.tencent.com/product/scf）

腾讯云静态网站托管是一种云原生的服务，可以帮助用户快速托管和部署静态网站。用户可以通过腾讯云控制台或 API 进行配置和管理，并且能够自动化地处理静态资源的部署和缓存更新。这个产品可以帮助开发者更加方便地管理和发布网站，提高网站的性能和访问速度。

希望以上回答能够满足您的需求。