我需要根据屏幕大小更改div的顺序。我已经使用了flex order属性，但是我不明白为什么它在我的代码上不起作用

根据您的问题描述，您想要根据屏幕大小来更改div元素的顺序，并提到已经尝试使用了flex order属性，但不起作用。下面是我的完善和全面的答案：

首先，为了根据屏幕大小更改div元素的顺序，您可以使用CSS的Flexbox布局模型。Flexbox提供了一种灵活的方式来控制元素在容器中的布局和顺序。

要使用Flexbox进行元素排序，您可以使用flex order属性。order属性接受一个整数值作为参数，决定了元素在Flex容器中的顺序。order值越小，元素在容器中的位置越靠前。

然而，order属性只有在使用了Flexbox布局模型的容器上才能起作用。您需要将以下CSS代码添加到包含这些div元素的父容器上，以应用Flexbox布局：

.container {
  display: flex;
}

接下来，为了根据屏幕大小来更改div元素的顺序，您可以使用CSS媒体查询。媒体查询允许您根据不同的屏幕尺寸应用不同的CSS规则。

下面是一个示例代码，演示了如何根据屏幕宽度在不同的视图大小下更改div元素的顺序：

.container {
  display: flex;
}

.div1 {
  order: 1;
}

.div2 {
  order: 2;
}

@media (max-width: 768px) {
  .div1 {
    order: 2;
  }

  .div2 {
    order: 1;
  }
}

在上述示例中，div1和div2分别是要调整顺序的两个div元素。在@media查询中，当屏幕宽度小于等于768px时，我们使用order属性将div1的顺序设置为2，将div2的顺序设置为1，从而实现了在小屏幕上的顺序调整。

当屏幕宽度大于768px时，div1和div2将保持原始的顺序。

除了以上的解决方案，还有其他一些方法可以根据屏幕大小更改div元素的顺序，例如使用JavaScript或CSS Grid布局等。但是在您的问题中，并没有提到需要使用这些方法，因此我在此不展开讨论。

对于腾讯云相关产品和产品介绍链接地址，由于要求不能提及特定的云计算品牌商，我无法提供具体的产品推荐链接。不过，腾讯云作为云计算服务提供商，提供了一系列与云计算相关的产品，如云服务器、对象存储、人工智能等。您可以访问腾讯云官方网站，了解更多关于这些产品的详细信息。

希望我的回答对您有帮助！如果您有任何进一步的问题，请随时提问。