1、灵活切换的固定模式布局
这种布局的响应式网站可以根据当前一些主流设备的尺寸以及页面的宽度做出调整,来形成多套网页的布局设计。这种布局的响应式网站建设的成本一般都比较低,但同时也存在着明显的缺陷,如果日后出现更多主流设备的话,那么这种固定模式布局的网站便不能很好的适应各种各样的设备。
2、具有弹性效果的布局
和上述布局的网站相比,这种布局的网站更加灵活。由于这种布局的网站主要是通过像素百分比调试的方式,给网站设定一定范围内的适应尺寸,所以这就需要在网站建设的时候根据实际的需求来设定好尺寸,这样才能够使得网站在比较长的时间内不会因为设备的进化而被淘汰。
3、混合模式的布局
这种布局的网站不仅拥有上述两种布局类型的网站的优势,同时还能够让展示的效果更加顺畅,从而能够更好的利用网站的空间资源。