ie8下如何实现下图多模块的自适应？

Question

1.因为分辨率的变化图中蓝、绿、红、黄的模块会自动换行，但有时右侧会出现很大的空白（虽然空间很大，但刚好已经不能容乃一个模块的空间）。在ie8下如何解决呢？

Answer 1

用媒体查询@media，再引用IE8的支持脚本

<!--[if lt IE 9]>
  <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
  <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->

Answer 2

你不要把宽度写死么,用个百分比,配合媒体查询,ie8不支持要引入Respond.js