什么是液态版型？

网站设计的版型技术历经了一些过程，其中一种就是液态版型，让我们很快的回顾一下网站的版型类型：

固定网站版型(Static)

传统的网站设计，用户的屏幕显示宽度必须要配合网站，许多网站底下都会写着建议显示器分辨率于1024否则不保证显示正确，就是这个原因。用户使用计算机上网大多不会出现问题，但使用智能手机问题就来了。

如果用手机观看固定网站版型，结果就是内容会被硬生生的切掉，用户必须要用手机的滚动条界面观看左右被切除的内容，十分麻烦。

液态网站版型(Liquid)

可以根据网站的宽度改变显示的网站内容的宽度，最常见情况是版面与文字不会超出屏幕的宽度，而是会自动调整行数让内容可以正常显示。

但网站版型的设计外观结构仍无法根据设备的宽度改变，就像是画面被压缩一样，所以显示的内容可能在移动设备上仍无法理想呈现。例如网站为了正确显示内容导致行数过多的情况。

适应网站版型(Adaptive)

版型的设计结构已经可以根据设备的宽度改变，是网站设计的一大革新。举例来说，原本左右并排的网站内容，遇到手机设备就会变成直式显示，已经算是响应是网站设计的雏型。

但，并不像是液态板型会自动改变网站的宽度，适应网站版型遇到了设计师没有定义的设备宽度就会无法对应的问题。举例来说，版面需要500px才能正确显示，手机只有400px的宽度，即使运用适应网站设计技术，仍有100px会无法正确显示。

响应网站版型(Responsive)

响应网站版型简称RWD，也有人称为自适网站设计。RWD结合了液态网站的与适应网站的设计概念，可以根据用户的设备屏幕宽度改变版型的尺寸，并根据设备宽度自行改变版型，是当今最主流的网站设计技术。

这也就是今日已经没有人说液态网站或适应网站了，因为技术已经被整合入RWD内。