如何让页面实现自适应布局

   在前端和后端的开发过程中，难免会遇到很多自适应情况的问题让人头疼。如果你前期开发未规划好布局，等你开发到中期或后期想要调整就会变得十分困难。所以，为了避免会遇到这类的问题，我们需要对页面进行总体的规划布局，再往其中填充内容。这里笔者推荐一种布局形式较为简便使用，在IE兼容模式或者未兼容模式，360兼容性模式或极速模式，GOOGLE  CHROME，火狐等都能够很好的自适应。


frameset 元素可定义一个框架集。它被用来组织多个窗口（框架）。每个框架存有独立的文档。在其最简单的应用中，frameset 元素仅仅会规定在框架集中存在多少列或多少行。必须使用 cols 或 rows 属性。

以下例子表示：

     整个页面被划分为两行，没有定义cols表示此页面没有划分出列。"88"表示此列高度固定为88，"*"表示除了固定的高度88外其它的都为此列的高度。不论页面如何变换，都这样处理。



如果想定义多个行，可以这么处理：



这样，除了固定高度为88,142,100外，整个页面剩下的高度都为*所有。

同样，列也是这么处理的。



以此类推。

一个块里面可以进行不断的分列分行处理，当然宽度和高度也可以设置成百分比来处理，使得上面固定的部分也能够同时根据窗口的比例去调整。

转载请注明出处，谢谢！希望能够帮助遇到此类困难的朋友。