自适应网页的设计与实现

   今天设计了一个页面，如图：

  

   但在改变浏览窗口大小之后，网页就变得"不堪入目"了，

   问题的根源还得从网页的布局说起，在DW中，网页内容的定位一般是通过三种方式：表格（table），框架（frame），层（div）。而自适应的关键地方就是控制缩放，方法就是百分比和像素。

   

   设计一个自应用屏幕大小的网页必须要做到几点，我这里简单概述一下，供参考。

      A、允许网页能够自动调整宽度。
      B、网页元素不使用绝对宽度，用百分比的形式来描述宽度。
      C、网页字体不使用绝对大小(px)，使用相对大小(em)
      D、网页元素位置不限定，使用流动方式布局（float）
      E、选择性的加载css样式文件，这是网页自适应屏幕的核心所在，根据不同的屏幕宽度加载不同的css文件来描述网页。
      F、网页图片实现自动缩放（max-width:100%），而不要使用 width:300px这种限定图片大小的方式。