现在有许多响应式的网站，页面会随着不同设备或屏幕大小展示不同的样式结构以适应设备。那么响应式网站是如何做的呢，布局方式有哪些呢？
    一、灵活切换固定模式布局
    这种类型的响应式网站主要是根据市场上使用的设备大小，灵活调整页面，形成多个页面布局设计，然后根据设备的屏幕大小来测试和选择最佳大小。虽然这种响应式网站在建设网站的成本上有优势，但它有一个严重的缺点，因为现在人们拥有越来越多的互联网设备，屏幕大小也不一样。如果响应网站的固定布局无法跟上这些设备的大小，它将无法正常浏览。
    二、弹性布局
    这种响应式布局网站比第一种布局更灵活。这主要使用像素百分比来调试站点大小。网站建设者将根据客户的需求设置设备的大小，因此网站可以很长时间，不要担心网站由于设备大小的变化而不兼容。但是，这种网站也有缺点，即它只适用于通栏页面的设计和等分的结构。但是，使用这种方式建造网站会特别麻烦。
    三、混合式布局
    这一混合布局响应网站优于上述两个。它不仅具有两个优点，而且具有更好的像素混合适应性和更好的网站空间资源利用率。它可以完美地将企业网站呈现给网站浏览器用户，例如一些更复杂的页面网站。虽然有很多混合响应网站，但开发成本是三个网站中最高的。