近年来响(xiang)(xiang)应(ying)式(shi)网站已(yi)经(jing)成为了设(she)计上(shang)的(de)主流选择(ze)，其(qi)中很重要的(de)一个因素就是它能(neng)够很好的(de)兼顾设(she)备上(shang)的(de)需求(qiu)和(he)用户的(de)需求(qiu)。但是在建设(she)网站的(de)时候，很多人都会迷(mi)茫，不知道(dao)该如何建设(she)响(xiang)(xiang)应(ying)式(shi)网站的(de)高度(du)(du)。首(shou)先(xian)要了解如何设(she)置(zhi)响(xiang)(xiang)应(ying)式(shi)网站的(de)高度(du)(du)，就要先(xian)知道(dao)响(xiang)(xiang)应(ying)式(shi)网站的(de)布局类型(xing)有哪些，这样(yang)才能(neng)够好的(de)对高度(du)(du)进(jin)行设(she)置(zhi)。

　　一(yi)种网站(zhan)(zhan)的(de)(de)(de)(de)布局(ju)便是(shi)可(ke)以进行灵活(huo)切(qie)换的(de)(de)(de)(de)固定模式(shi)布局(ju)，这(zhei)(zhei)(zhei)种布局(ju)的(de)(de)(de)(de)好(hao)处是(shi)可(ke)以根据目前主(zhu)流(liu)的(de)(de)(de)(de)各种不(bu)同(tong)设备(bei)尺寸，对页面(mian)的(de)(de)(de)(de)宽度(du)(du)进行及时的(de)(de)(de)(de)调整。这(zhei)(zhei)(zhei)种网站(zhan)(zhan)特点就是(shi)建设的(de)(de)(de)(de)成本(ben)很低，但是(shi)相对的(de)(de)(de)(de)，它也存(cun)在(zai)(zai)着一(yi)定的(de)(de)(de)(de)缺陷。首先(xian)就是(shi)随(sui)着科技的(de)(de)(de)(de)发展，会(hui)有(you)(you)越来(lai)越多的(de)(de)(de)(de)显示设备(bei)涌现出来(lai)，这(zhei)(zhei)(zhei)种网站(zhan)(zhan)并不(bu)能(neng)保证适应所(suo)有(you)(you)的(de)(de)(de)(de)设备(bei)，所(suo)以后期的(de)(de)(de)(de)发展性并不(bu)强。对于这(zhei)(zhei)(zhei)种网站(zhan)(zhan)，只需要根据每种不(bu)同(tong)的(de)(de)(de)(de)主(zhu)流(liu)设备(bei)宽度(du)(du)来(lai)计算高度(du)(du)即(ji)可(ke)。相对来(lai)说是(shi)比较简单的(de)(de)(de)(de)一(yi)种网站(zhan)(zhan)，并不(bu)需要大量的(de)(de)(de)(de)复(fu)杂计算就能(neng)在(zai)(zai)高度(du)(du)上适配多种设备(bei)。

　　二种(zhong)是(shi)具有(you)弹性的(de)(de)(de)(de)(de)布(bu)局(ju)方式，这(zhei)种(zhong)网站(zhan)布(bu)局(ju)比(bi)起(qi)一种(zhong)要更(geng)加的(de)(de)(de)(de)(de)多变(bian)灵活(huo)，它(ta)的(de)(de)(de)(de)(de)原理是(shi)通(tong)过像素(su)百分(fen)比(bi)的(de)(de)(de)(de)(de)调试，在网站(zhan)上设定(ding)某个范围里(li)面(mian)(mian)的(de)(de)(de)(de)(de)适(shi)应尺寸(cun)(cun)。建设网站(zhan)的(de)(de)(de)(de)(de)时候，只要根据(ju)不同的(de)(de)(de)(de)(de)设备(bei)设定(ding)不一样(yang)的(de)(de)(de)(de)(de)尺寸(cun)(cun)就(jiu)(jiu)可以了。并不需(xu)要特意进行高度的(de)(de)(de)(de)(de)设定(ding)，网站(zhan)会自动根据(ju)设备(bei)的(de)(de)(de)(de)(de)型号进行匹配。这(zhei)种(zhong)网站(zhan)的(de)(de)(de)(de)(de)优点就(jiu)(jiu)是(shi)可以保(bao)证在一段时间内都不会受到(dao)设备(bei)尺寸(cun)(cun)变(bian)化(hua)的(de)(de)(de)(de)(de)影响，能够较好(hao)的(de)(de)(de)(de)(de)适(shi)应设备(bei)的(de)(de)(de)(de)(de)进化(hua)。但(dan)它(ta)也同样(yang)有(you)着自己的(de)(de)(de)(de)(de)缺(que)点，那就(jiu)(jiu)是(shi)使用起(qi)来并不是(shi)十分(fen)的(de)(de)(de)(de)(de)便利，而且(qie)一般它(ta)比(bi)较适(shi)合等(deng)分(fen)结构或(huo)者是(shi)通(tong)栏页面(mian)(mian)的(de)(de)(de)(de)(de)设计。

　　三种(zhong)格局是(shi)混合模式的(de)(de)(de)布(bu)局，这种(zhong)布(bu)局的(de)(de)(de)特点(dian)就(jiu)(jiu)是(shi)它不仅同时拥有上(shang)面所提(ti)到的(de)(de)(de)两种(zhong)布(bu)局的(de)(de)(de)优点(dian)，并且它的(de)(de)(de)显(xian)示效(xiao)果(guo)比(bi)(bi)起上(shang)面两种(zhong)网站(zhan)(zhan)更加的(de)(de)(de)流(liu)畅清晰，对(dui)(dui)于像素(su)混合或(huo)者是(shi)百分比(bi)(bi)混合的(de)(de)(de)适应(ying)性(xing)(xing)都(dou)更加强大(da)，可以达到利用(yong)网站(zhan)(zhan)的(de)(de)(de)空间资源(yuan)的(de)(de)(de)效(xiao)果(guo)。这样的(de)(de)(de)网站(zhan)(zhan)更受(shou)到用(yong)户的(de)(de)(de)喜爱(ai)，一般(ban)页面栏复杂(za)的(de)(de)(de)响(xiang)应(ying)式网站(zhan)(zhan)会选择(ze)这种(zhong)布(bu)局，但是(shi)它的(de)(de)(de)缺点(dian)就(jiu)(jiu)是(shi)开发成本高(gao)。对(dui)(dui)于这种(zhong)模式，高(gao)度的(de)(de)(de)设置就(jiu)(jiu)比(bi)(bi)较复杂(za)了，要注(zhu)意(yi)使用(yong)弹性(xing)(xing)比(bi)(bi)例进(jin)行布(bu)局设置，将固(gu)定的(de)(de)(de)像素(su)转化成弹性(xing)(xing)比(bi)(bi)例，简(jian)单来说就(jiu)(jiu)是(shi)用(yong)元(yuan)素(su)的(de)(de)(de)大(da)小除去元(yuan)素(su)所处的(de)(de)(de)容器(qi)大(da)小。

　　上面三种网(wang)站(zhan)(zhan)各(ge)有各(ge)的(de)(de)特(te)点，想(xiang)要(yao)合理的(de)(de)建设好网(wang)站(zhan)(zhan)的(de)(de)高度(du)(du)(du)，首先一(yi)定(ding)要(yao)根(gen)(gen)据自己网(wang)站(zhan)(zhan)的(de)(de)受众、类型以及资(zi)金先决定(ding)采(cai)用哪种网(wang)站(zhan)(zhan)布局(ju)(ju)，然后可以大致的(de)(de)将(jiang)网(wang)站(zhan)(zhan)建设好，确定(ding)好整个(ge)网(wang)站(zhan)(zhan)的(de)(de)构架之(zhi)后再开始(shi)写代码。在(zai)高度(du)(du)(du)上，一(yi)定(ding)要(yao)根(gen)(gen)据不(bu)(bu)(bu)同(tong)(tong)(tong)的(de)(de)网(wang)站(zhan)(zhan)布局(ju)(ju)选择不(bu)(bu)(bu)同(tong)(tong)(tong)的(de)(de)调试(shi)方式。不(bu)(bu)(bu)仅不(bu)(bu)(bu)同(tong)(tong)(tong)的(de)(de)布局(ju)(ju)会对(dui)高度(du)(du)(du)设置产生(sheng)影响，不(bu)(bu)(bu)同(tong)(tong)(tong)的(de)(de)设备(bei)(bei)(bei)例(li)如手(shou)机和电(dian)脑也要(yao)根(gen)(gen)据尺寸(cun)的(de)(de)变化(hua)进行不(bu)(bu)(bu)同(tong)(tong)(tong)的(de)(de)高度(du)(du)(du)设置。在(zai)实际操作的(de)(de)时候，如果想(xiang)要(yao)设置不(bu)(bu)(bu)同(tong)(tong)(tong)设备(bei)(bei)(bei)的(de)(de)显示(shi)值，只需要(yao)重新编(bian)写网(wang)站(zhan)(zhan)在(zai)一(yi)个(ge)导航栏右侧的(de)(de)web模(mo)块即(ji)可，在(zai)重新编(bian)写的(de)(de)时候需要(yao)用到元(yuan)素的(de)(de)宽度(du)(du)(du)，而不(bu)(bu)(bu)是原(yuan)先所使用到的(de)(de)宽度(du)(du)(du)。这样网(wang)站(zhan)(zhan)的(de)(de)高度(du)(du)(du)就会重新变成和设备(bei)(bei)(bei)相适应的(de)(de)高度(du)(du)(du)。