电脑访问时某div在行的第一列，如何在手机端访问时该行放在最后一列

Question

代码如上，在大窗口显示

在手机小窗口显示这样：

想要达到下面的效果

大家帮帮忙

Answer 1

你重新写个页面给手机端，能死吗

Answer 2

如果只是这一个标签，可以尝试下简单的写法，分别针对电脑版和手机版上div的位置等样式写两个css文件或代码， js判断navigator.userAgent

if(fromMobile) {
    document.write("<link rel='stylesheet' type='text/css' href='**-mobile.css'>");
} else {
    document.write("<link rel='stylesheet' type='text/css' href='**-www.css'>");
}

或者直接在document.write里面写<style>*css code*</style>

Answer 3

能够做,不用js, 两个地方都将结构写出来,通过媒体查询隐藏和显示某一块就好
@media (max-width<1000) { #block1 {display:none} #block2 {display:block} }
@media (min-width>1000) { #block1 {display:block} #block2 {display:none} } 大概是这个样子吧

Answer 4

你如果要做响应式，那这样很难，除非js控制

Answer 5

外国友人帮忙解决了，谢谢各位。