Css 选择移动设备上最先出现的div

我相信这个问题有一个简单的答案。在移动设备（媒体查询）上，我不想让左div首先出现，我该如何让右div先出现呢

左div将首先出现在桌面视图上

<style>
    .left {
        width:27%;
        float:left;
    }

    .right {
        width:70%;
        float:right;
    }
</style>

<div id="tier-1">
    <div class="left"></div>
    <div class="right"></div>
</div>

.左{
宽度：27%；
浮动：左；
}
.对{
宽度：70%；
浮动：对；
}

只需先编写

右div

。

使用媒体查询。像这样：

@media (max-width 500px){
    .right{
        float: left;
    }
}

当然，500px可以是任何东西。Chrome开发者工具可以让你模拟不同的尺寸，甚至有一些预设的手机分辨率。尽管如此，您仍然可以使用媒体查询完全更改所有内容的格式

---

.

通过使用媒体查询，我们可以更改所有html元素的css值。 通常，媒体查询在4个常用屏幕中写入。此外，还可以进行定制

@仅媒体屏幕和（最小宽度：1200px）{
}
@仅介质屏幕和（最大宽度：992px）{
}
@仅介质屏幕和（最大宽度：767px）{
}
@仅介质屏幕和（最大宽度：479px）{
}

感谢大家的贡献，但我最终在这个URL上找到了一个解决方案：

---

我使用了CSS3 Flexbox布局模块。再次感谢你

不幸的是，我需要左div首先出现在桌面上。很抱歉，我应该让您知道。请让您的后端服务器检查http头：

User-Agent

。我最初尝试了此操作，但没有成功。谢谢你的建议@伟大的流浪者检查我的代码片段。在全屏上运行它并检查