1.流体网格
流体网格的工作方式与其他任何设计网格一样，它们使您能够以美观的方式在页面上排列元素。但是，与传统的网格不同，流体网格将根据屏幕尺寸进行调整，并可以适应任何宽度，因为它使用相对的测量单位（例如百分比或em单位），而不是固定的单位（例如像素）。
2.媒体查询
媒体查询使您可以更加灵敏地设计响应式设计，并根据特定的屏幕尺寸进行相应调整。用外行的术语来说，网站使用媒体查询来收集数据，以帮助他们确定屏幕的大小，然后加载适当的CSS样式。
3.响应媒体
响应式网站设计的第三个核心原则是响应式或灵活的媒体。鉴于现代网站使用大量的图像，视频和其他媒体文件，因此这些类型的内容必须响应不同的屏幕尺寸。
通常，设计人员会将图像尺寸包括在其CSS样式表中。但是，由于上述固定的测量单位，因此不适用于响应式设计。相反，您必须对图像文件，视频和其他媒体类型使用max-width属性。为确保媒体文件不会超出其容器并根据屏幕大小很好地缩放，应将max-width属性设置为100％。
4.视口元标记
如前所述，当媒体查询因为设备无法确定网站的初始宽度而不会触发时，视口元标记就会起作用。
视口meta标签通常将高度或宽度值的初始比例设置为1，从而解决了使用设备高度或宽度与视口尺寸之间的比率无法识别网站比例的问题。
一、站点导航
站点导航在网站改版的过程中可以方便用户或者搜索引擎浏览网站的全部内容。如果站点导航做的不好，用户或者搜索引擎就会错过访问一些网站页面，或者导致网站导航结构的混乱，这对网站的排名和收录也是很重要的。一般而言，网站导航要简洁有效，用户不需要重复点击就可以到达网站的任何页面，可以轻松辨识链接系统。从有效导航方面来说，最好使用文字链接，图片和flash是不太友好的，因为搜索引擎不太容易辨识。
二、关键词和文章
网站的收录和排名主要是由网站文章和关键词决定的，因此一个现有较好排名的网站在改版的时候最好要保持现有的关键词和文章，一般原则上是只增加不减少。删除任何一篇文章或者关键词，就可能失去一些有效的收录和链接。
三、网站地图
网站改版之后，一定要做好Google的Xml站点地图来告诉Google你的网站更新了，可以“提醒”Google我的网站变了，缩短了过渡时期。所以改版时切不可急躁，一定要做好方案，做好计化。
四、更换域名
有可能我们会遇到这样的情况，由于多种原因，需要改变域名旧域名最好同时保持在线，直到新的域名有一定的流量为止。当然这样一来，在保持流量的同时，也可能会遭遇复制页面的后果，这就需要把旧域名上的网站内容删除，如果旧的域名还打算使用的话，我们可以为旧的页面制作302重定向页面，这样就能短期的把旧域名上的流量转移到新的域名上。如果旧域名已经不打算再使用，那么，可以像前面所见的那样，可以设置301永久重定向页面。
五、慎用Flash
网站在使用flash时，要适可而止，对于很多站长而言，网站目标并不是第二个苹果树，而是带有商业目的。甲之熊掌，乙之砒霜，flash只是一个装饰，使用不当无异于自己买砒霜吃。如果一定要使用flash的话，尽量采用体积小的flash，并且加上属性。