在IE9中我可以使用什么而不是Display Flex来支持

Question

此处 Fiddle Link

我想用css更改手机屏幕中第2和第3个元素的顺序。什么是最好的方式。

HTML

<div id="parent">
<div id="a">image</div>
<div id="b">button</div>
<div id="c">description</div>
</div>

的CSS

  @media screen and (max-width:300px){
  #parent{
    display:flex;
    flex-flow: column;
   }
#a{order:1;}
#c{order:2;}
#b{order:3;}
 }

Answer 1

在桌面尺寸上支持flexbox的回退是个好主意，但是

1）300px小于当今市场上的任何智能手机

2）没有运行IE9的小型手机/平板电脑/设备。最后我查了一下，IE9只作为桌面程序存在。

因此，如果您要定位小内容，请继续使用flexbox。如果您仍然需要回退（例如，如果您计划在桌面+分辨率下使用弹性框效果），则有some interesting solutions devised using css display:table。