响应式
网站制作时，网页制作先设计布局，按照布局搭建框体，最后在框体里带入元素（元素包括并不限于文本，图片，视频等等）。当用户访问网站时，网页会根据用户所使用的设备，对布局进行自动调整。
举个例子。有一组图片总共6张，网页默认的布局是显示2行，每行3张。当用户使用电脑访问网站时，屏幕的分辨率足够大，网页就会使用默认布局，显示2行，每行3张。当用户使用平板电脑登陆时，网页会对平板电脑的显示分辨率进行判断，当平板电脑的显示分辨率小于默认布局时，网页会根据当前平板电脑的显示分辨率对元素布局进行调整，显示为3行，每行2个。当用户使用手机设备登陆网站时，网站对手机的显示分辨率进行判断，手机分辨率一般是小于平板电脑的，所以网页会显示6行，每行1张。
自适应
网站制作时，分别制作电脑/平板电脑/手机设备三个版本的网页，每个版本之间的元素和布局是完全独立的。三个版本同时放在网站服务器上，当用户访问网站时，服务器先判断用户访问的设备种类，然后返回对应版本的网站给用户访问。
